:root {
  /* brand — marine palette (FA variant B hybrid, mirrors BA's structure with cool tones) */
  --marine-cream:        #F4F8FB;
  --marine-cream-light:  #E0EAF2;
  --marine-tan:          #88A8C0;
  --marine-gold:         #B89548;
  --deep-water:          #1B5A8F;
  --deep-water-dark:     #0F3A5F;
  --dark-marine:         #0A1F2E;

  /* feedback */
  --pos:                 #2D7A4A;
  --neg:                 #B41E14;

  /* neutrals */
  --ink:                 #1a1a1a;
  --muted:               #5A6878;
  --rule:                #C8D4DE;

  /* type — same families as BA for brand-family resemblance */
  --font-sans:           'Inter', 'Roboto', system-ui, -apple-system, sans-serif;
  --font-serif:          Georgia, 'Times New Roman', serif;

  /* spacing — 4px base scale (same as BA) */
  --s-1:  4px;
  --s-2:  8px;
  --s-3:  12px;
  --s-4:  16px;
  --s-6:  24px;
  --s-8:  32px;
  --s-12: 48px;
  --s-16: 64px;

  /* radii / shadows — same scale as BA, marine-tinted shadow color */
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 20px;
  --shadow-card: 0 2px 8px rgba(10, 31, 46, 0.08);
  --shadow-lg:   0 4px 16px rgba(10, 31, 46, 0.12);
}