/* ==========================================================================
   V CAPITAL — BRAND TOKENS
   Source of truth: /V_CAPITAL_BRAND_SOURCE_OF_TRUTH.md  (LOCKED)
   This is the ONLY file in which brand HEX values may be written.
   Everything else must reference these variables. Do not add colours here
   without explicit approval of a brand-system change.

   Status: Phase 1 — defined only. Not yet linked from any page.
   ========================================================================== */

:root {
  /* ---- Colour (locked) ------------------------------------------------- */
  --vc-navy:      #0B1628; /* primary: backgrounds, hero, nav, footer        */
  --vc-navy-deep: #111F33; /* secondary dark: sections, cards, data panels   */
  --vc-gold:      #C6A15B; /* champagne gold: signature accent, <=5% of page */
  --vc-champagne: #D8C7A5; /* soft champagne: secondary highlights, borders  */
  --vc-ivory:     #F5F2EB; /* warm ivory: editorial / research backgrounds   */
  --vc-white:     #FCFBF8; /* soft white: primary light text, clean surfaces */
  --vc-muted:     #A7AFB8; /* muted silver: metadata, secondary text, labels */
  --vc-border:    #293545; /* navy grey: borders, dividers, grid             */
  --vc-positive:  #6F8B78; /* muted sage: positive financial data ONLY       */
  --vc-negative:  #9A6660; /* muted burgundy/clay: negative data ONLY        */

  /* ---- Typography (locked: Option B) ------------------------------------
     Cormorant Garamond: H1, major H2, hero/editorial statements, pull quotes
     Manrope: everything else (nav, H3, body, buttons, forms, data, tables,
              charts, metrics, FAQ, cards, footer)
     Fonts are loaded per page (Phase 2) via <link>, not @import:
       <link rel="preconnect" href="https://fonts.googleapis.com">
       <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
       <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@400;500;600;700&display=swap" rel="stylesheet">
     ---------------------------------------------------------------------- */
  --vc-font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --vc-font-ui:      'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* ---- Derived tints (computed from the tokens above, not new colours) -- */
  --vc-gold-hair:    color-mix(in srgb, var(--vc-gold) 55%, transparent);
  --vc-gold-faint:   color-mix(in srgb, var(--vc-gold) 10%, transparent);
  --vc-border-light: color-mix(in srgb, var(--vc-navy) 16%, transparent); /* rules on ivory */
  --vc-text-soft:    color-mix(in srgb, var(--vc-navy) 78%, var(--vc-ivory)); /* body text on ivory */
}