/* ============================================================
   FREEDOMVISORY · COLOUR TOKENS
   "The visual language of trust, authority, and cultural intelligence."
   Use brand colours by their proper names. Navy + Gold are the
   non-negotiable core. Gold is an accent, used sparingly.
   ============================================================ */
:root {
  /* ---- Primary brand colours ---- */
  --fv-sovereign-navy: #0C1E35;  /* Primary anchor: headlines, nav, backgrounds */
  --fv-covenant-gold:  #C9A55A;  /* Primary accent: mark, dividers, CTAs (sparingly) */

  /* ---- Bridge colours (tonal depth, never replace primaries) ---- */
  --fv-diplomatic-blue: #1B3A5C; /* Secondary backgrounds, card fills, sidebars */
  --fv-gulf-azure:      #3D6E9E; /* Links & interactive states ONLY */
  --fv-pearl-ivory:     #FAF7F2; /* Page background — never pure white */
  --fv-champagne:       #EDD9A8; /* Testimonial / pull-quote fills (never text) */
  --fv-warm-amber:      #B8956A; /* Hover on gold, softer print gold, footer accents */
  --fv-desert-sand:     #C4B49A; /* Neutral borders, muted UI lines, placeholders */

  /* ---- Navy tonal family (derived, for depth & section alternation) ---- */
  --fv-navy-900: #081523;
  --fv-navy-800: #0C1E35;        /* = Sovereign Navy */
  --fv-navy-700: #122a48;
  --fv-navy-600: #1B3A5C;        /* = Diplomatic Blue */
  --fv-navy-500: #2b5079;
  --fv-navy-400: #3D6E9E;        /* = Gulf Azure */

  /* ---- Gold tonal family ---- */
  --fv-gold-700: #9c7c3e;
  --fv-gold-600: #B8956A;        /* = Warm Amber */
  --fv-gold-500: #C9A55A;        /* = Covenant Gold */
  --fv-gold-300: #EDD9A8;        /* = Champagne */

  /* ---- Ivory / neutral family ---- */
  --fv-ivory:       #FAF7F2;     /* = Pearl Ivory */
  --fv-ivory-200:   #F2ECE1;     /* slightly deeper ivory section fill */
  --fv-ivory-300:   #E8DECF;     /* hairline on ivory */
  --fv-sand:        #C4B49A;     /* = Desert Sand */
  --fv-ink:         #333333;     /* approved dark grey body text — never pure black */
  --fv-ink-muted:   #5e5a52;     /* secondary text on ivory */

  /* ============================================================
     SEMANTIC ALIASES — reference these in components
     ============================================================ */

  /* Surfaces */
  --surface-page:        var(--fv-pearl-ivory);
  --surface-page-alt:    var(--fv-champagne);   /* alternating section rhythm */
  --surface-card:        #FFFFFF00;             /* placeholder; cards sit on ivory */
  --surface-card-ivory:  #FFFDFA;               /* near-white card on ivory */
  --surface-raised:      var(--fv-ivory-200);
  --surface-inverse:     var(--fv-sovereign-navy);
  --surface-inverse-alt: var(--fv-diplomatic-blue);
  --surface-feature:     var(--fv-champagne);

  /* Text */
  --text-heading:    var(--fv-sovereign-navy);
  --text-body:       var(--fv-ink);
  --text-muted:      var(--fv-ink-muted);
  --text-on-dark:    var(--fv-pearl-ivory);
  --text-on-dark-muted: #b9c2cf;
  --text-eyebrow:    var(--fv-warm-amber);
  --text-link:       var(--fv-gulf-azure);
  --text-accent:     var(--fv-covenant-gold);

  /* Lines & borders */
  --border-hairline: var(--fv-ivory-300);
  --border-neutral:  var(--fv-desert-sand);
  --border-on-dark:  rgba(201,165,90,0.28);
  --rule-gold:       var(--fv-covenant-gold);

  /* Interactive */
  --accent:           var(--fv-covenant-gold);
  --accent-hover:     var(--fv-warm-amber);
  --link:             var(--fv-gulf-azure);
  --link-hover:       var(--fv-diplomatic-blue);
  --focus-ring:       var(--fv-gulf-azure);

  /* Photography overlay (per brand: 60–70% navy over imagery) */
  --overlay-navy:    rgba(12,30,53,0.66);
}