/* ============================================================
   VIGOR GROUP — Design Tokens  (v3 · "SOVEREIGN")
   Dark, cinematic, editorial — holding-grade.
   Deep navy/ink + warm ivory + champagne gold accent.
   Display: Bodoni Moda (Didone). Body/labels: Manrope.
   Variable NAMES preserved from earlier versions so existing
   pages keep working; values re-based for luxe gravitas.
   ============================================================ */
:root {
  /* ---- Navy / ink (the brand's anchor + dark canvas) ---- */
  --navy-700:  #1c1c4a;
  --navy-800:  #131334;
  --navy-900:  #0d0d24;
  --navy-950:  #07071a;   /* deepest — hero / footer        */
  --ink:       #15152c;   /* primary text on light          */

  /* ---- Indigo (secondary cool accent, kept from brand) ---- */
  --indigo-50:  #eceef9;
  --indigo-100: #d9ddf1;
  --indigo-200: #b3bbe3;
  --indigo-300: #8b96d2;
  --indigo-400: #5c69bd;
  --indigo-500: #2e3ba6;
  --indigo-600: #283291;
  --indigo-700: #1f2774;

  /* ---- Champagne gold (PRIMARY ACCENT) ---- */
  --gold-200: #f0e2c2;
  --gold-300: #e6d3a4;
  --gold-400: #d4b97e;
  --gold-500: #c2a25e;   /* the accent                      */
  --gold-600: #a8884a;
  --gold-700: #856a38;

  /* ---- Heritage red (logo spark — tertiary accent, used sparingly) ---- */
  --red-300: #e0726b;
  --red-400: #cf5a52;
  --red-500: #b4322f;
  --red-600: #95271f;

  /* ---- Warm ivory neutrals (light sections) ---- */
  --paper:   #f4f0e7;    /* warm ivory  (default light bg)  */
  --paper-2: #ebe5d7;    /* deeper sand                     */
  --bg:      #f4f0e7;
  --bg-alt:  #fbfaf5;    /* near-white                      */
  --bg-tint: #f0ece1;
  --white:   #ffffff;
  --card:    #fffdf8;    /* warm white card                 */

  --slate:   #4b4b5e;
  --muted:   #73738a;
  --faint:   #9a9aac;
  --line:    #e3dccc;    /* warm hairline on light          */
  --line-2:  #d4cab4;

  /* ---- on-dark neutrals ---- */
  --d-text:  #f1ece1;    /* ivory text on navy              */
  --d-muted: #a6a8c6;
  --d-line:  rgba(244,240,231,.14);

  /* ---- Semantic ---- */
  --primary: var(--gold-500);
  --primary-d: var(--gold-700);
  --accent: var(--gold-500);
  --dark: var(--navy-950);

  /* ---- Gradients ---- */
  --grad-gold:   linear-gradient(135deg, #e6d3a4 0%, #c2a25e 52%, #a8884a 100%);
  --grad-navy:   linear-gradient(155deg, #15153a 0%, #0d0d24 55%, #07071a 100%);
  --grad-brand:  linear-gradient(135deg, #1c1c4a 0%, #0d0d24 100%);
  --grad-brand-rev: linear-gradient(135deg, #0d0d24 0%, #15153a 52%, #1c1c4a 100%);
  --grad-sheen:  linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,0) 60%);
  --grad-gold-sheen: linear-gradient(120deg, rgba(255,255,255,.34), rgba(255,255,255,0) 55%);
  --grad-overlay: linear-gradient(180deg, rgba(7,7,26,.10) 0%, rgba(7,7,26,.45) 50%, rgba(7,7,26,.90) 100%);
  --grad-text-gold: linear-gradient(92deg, #f0e2c2 0%, #c2a25e 100%);

  /* film-grain (subtle) as a reusable layer */
  --noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");

  /* ---- Typography ---- */
  --font-sans: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-display: "Bodoni Moda", "Didot", "Bodoni MT", "Playfair Display", Georgia, "Times New Roman", serif;

  --fs-eyebrow: .74rem;
  --fs-body:    clamp(1rem, .96rem + .2vw, 1.1rem);
  --fs-lead:    clamp(1.16rem, 1.04rem + .55vw, 1.5rem);
  --fs-h6:      clamp(1.05rem, 1rem + .25vw, 1.25rem);
  --fs-h5:      clamp(1.25rem, 1.12rem + .5vw, 1.6rem);
  --fs-h4:      clamp(1.55rem, 1.3rem + 1vw, 2.2rem);
  --fs-h3:      clamp(2rem, 1.6rem + 1.7vw, 3.1rem);
  --fs-h2:      clamp(2.4rem, 1.7rem + 3vw, 4.6rem);
  --fs-h1:      clamp(3rem, 2rem + 5vw, 7rem);
  --fs-display: clamp(3.4rem, 1.9rem + 7.6vw, 9.5rem);

  --lh-tight: .98;
  --lh-snug: 1.08;
  --lh-mid: 1.3;
  --lh-body: 1.7;
  --tracking-eyebrow: .26em;
  --tracking-tight: -.02em;
  --tracking-display: -.015em;

  /* ---- Spacing ---- */
  --s-1: 4px;   --s-2: 8px;   --s-3: 12px;  --s-4: 16px;
  --s-5: 24px;  --s-6: 32px;  --s-7: 40px;  --s-8: 48px;
  --s-9: 64px;  --s-10: 80px; --s-11: 112px;--s-12: 160px;
  --section-y: clamp(92px, 9vw, 180px);

  /* ---- Radii (tighter, architectural) ---- */
  --r-xs: 4px;  --r-sm: 8px;  --r: 12px;  --r-lg: 16px;
  --r-xl: 22px; --r-2xl: 32px; --r-pill: 999px;

  /* ---- Shadows ---- */
  --sh-xs: 0 1px 2px rgba(13,13,40,.05);
  --sh-sm: 0 6px 22px rgba(13,13,40,.07);
  --sh:    0 20px 55px rgba(10,10,40,.10);
  --sh-lg: 0 38px 90px rgba(8,8,35,.16);
  --sh-xl: 0 60px 140px rgba(6,6,30,.26);
  --sh-gold: 0 20px 48px rgba(168,136,74,.34);
  --ring: 0 0 0 3px rgba(194,162,94,.34);

  /* ---- Layout ---- */
  --container: 1240px;
  --container-wide: 1440px;
  --container-narrow: 820px;
  --gutter: clamp(22px, 4.5vw, 64px);
  --header-h: 84px;

  /* ---- Motion (slower = more expensive) ---- */
  --ease: cubic-bezier(.22,.61,.36,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --ease-in-out: cubic-bezier(.76,0,.24,1);
  --ease-spring: cubic-bezier(.34,1.4,.5,1);
  --dur-1: .25s;
  --dur-2: .45s;
  --dur-3: .8s;
  --dur-4: 1.15s;
}