/* Fluffy — color tokens.
   Exact brand colors from fluffy-logo-final.pdf (p.4):
     navy  #0A264A (RGB 10 39 73)
     gold  #C2A657 (RGB 194 166 87)
   All other steps are derived tints/shades of those two anchors. */
:root {
  /* ---- Brand anchors (exact) ---- */
  --navy: #0a264a;
  --gold: #c2a657;
  --white: #ffffff;

  /* ---- Navy scale (derived) ---- */
  --navy-950: #061a34;
  --navy-900: #0a264a; /* = --navy */
  --navy-800: #16345d;
  --navy-700: #1f3f6b;
  --navy-600: #2f5384;
  --navy-500: #46699b;
  --navy-400: #6c88b1;
  --navy-300: #9bafc9;
  --navy-200: #c4d1e1;
  --navy-100: #e2e9f1;
  --navy-50:  #f2f5f9;

  /* ---- Gold scale (derived) ---- */
  --gold-700: #8f7736;
  --gold-600: #a98e44;
  --gold-500: #c2a657; /* = --gold */
  --gold-400: #d1ba7d;
  --gold-300: #dfcda3;
  --gold-200: #ecdfc6;
  --gold-100: #f5eee0;
  --gold-50:  #faf7ef;

  /* ---- Cloud neutrals (warm, derived from gold family) ---- */
  --cloud-white: #fdfcfa;
  --cloud-100: #f7f5f0;
  --cloud-200: #eeeae1;

  /* ---- Semantic status (extensions; keep muted, navy-harmonised) ---- */
  --success: #2e7d5b;
  --success-bg: #e7f2ed;
  --warning: #a97b1f;
  --warning-bg: #f7efdc;
  --danger: #a8402f;
  --danger-bg: #f8e9e6;

  /* ---- Semantic aliases ---- */
  --text-heading: var(--navy-900);
  --text-body: #33455f;          /* navy-toned body gray */
  --text-muted: #64748c;
  --text-faint: #94a3b8;
  --text-on-navy: #ffffff;
  --text-on-navy-muted: #b9c6d8;
  --text-on-gold: var(--navy-900);
  --text-link: #1f4f8f;

  --surface-page: var(--cloud-white);
  --surface-card: #ffffff;
  --surface-sunken: var(--navy-50);
  --surface-navy: var(--navy-900);
  --surface-navy-deep: var(--navy-950);
  --surface-gold-tint: var(--gold-100);

  --border-default: #dde4ed;
  --border-strong: #b9c6d8;
  --border-on-navy: rgba(255, 255, 255, 0.18);
  --border-gold: var(--gold-500);

  --accent: var(--gold-500);
  --accent-hover: var(--gold-600);
  --primary: var(--navy-900);
  --primary-hover: #16345d;

  --focus-ring: 0 0 0 3px rgba(194, 166, 87, 0.45);
  --overlay-navy: rgba(10, 38, 74, 0.55);
  --scrim: rgba(6, 26, 52, 0.6);
}