/* =====================================================================
   CINEMATIC BRAND TOKENS — ice silver · deep jean · amber · marigold
   ===================================================================== */
:root {
  /* Deep jean — stage / night */
  --jean-950: #050B14;
  --jean-900: #07111F;
  --jean-800: #0C1A2E;
  --jean-700: #132844;
  --jean-600: #1B3A5C;
  --jean-500: #2A5278;

  /* Ice silver — light planes / chrome */
  --ice-50:  #F6F8FB;
  --ice-100: #E8EEF4;
  --ice-200: #D4DEE9;
  --ice-300: #A9B7C8;
  --ice-400: #7E93AA;
  --ice-500: #5C738C;

  /* Marigold — primary energy */
  --marigold-200: #F8D56A;
  --marigold-300: #F5C84B;
  --marigold-400: #F0B429;
  --marigold-500: #D99A12;
  --marigold-600: #B87C0C;

  /* Deep amber — trust / secondary warmth */
  --amber-300: #E8A04A;
  --amber-400: #D4892A;
  --amber-500: #C67A1A;
  --amber-600: #A36214;
  --amber-700: #7A4A10;

  /* Neutrals on ice */
  --ink:      #0A1628;
  --charcoal: #1A2838;
  --muted:    #5A6B7D;
  --line:     #C9D4E0;
  --white:    #FFFFFF;

  /* Status */
  --warn-bg:  #F8E8C8;  --warn-ink: #7A4A10;
  --ok-bg:    #DCE8F0;  --ok-ink:   #132844;
  --info-bg:  #E4EBF3;  --info-ink: #1B3A5C;

  /* Legacy aliases → new system (keeps older selectors alive) */
  --navy-950: var(--jean-950);
  --navy-900: var(--jean-900);
  --navy-800: var(--jean-800);
  --navy-700: var(--jean-700);
  --ivory-50:  var(--ice-50);
  --ivory-100: var(--ice-100);
  --ivory-200: var(--ice-200);
  --champagne: var(--ice-200);
  --gold-300: var(--marigold-300);
  --gold-500: var(--marigold-400);
  --gold-700: var(--amber-600);
  --sage-100: var(--ice-100);
  --sage-500: var(--jean-500);
  --sage-700: var(--jean-600);

  /* Type */
  --font-brand:   "Syne", "Segoe UI", system-ui, sans-serif;
  --font-display: "Instrument Serif", Georgia, "Times New Roman", serif;
  --font-body:    "Sora", "Segoe UI", system-ui, -apple-system, sans-serif;

  /* Shape & depth — designed, not SaaS pills */
  --radius-sm: 4px;
  --radius:    8px;
  --radius-lg: 14px;
  --shadow-sm: 0 1px 2px rgba(5, 11, 20, .08);
  --shadow:    0 18px 40px -20px rgba(5, 11, 20, .45);
  --shadow-lg: 0 40px 80px -28px rgba(5, 11, 20, .55);

  /* Layout */
  --container: 1280px;
  --gutter: clamp(18px, 4.5vw, 48px);
  --header-h: 88px;

  /* Motion */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --ease-out-expo: cubic-bezier(.16, 1, .3, 1);
  --ease-cinematic: cubic-bezier(.4, 0, .2, 1);
  --dur-fast: 220ms;
  --dur: 480ms;
  --dur-slow: 900ms;
  --dur-hero: 18s;
}

/* Self-hosted fonts (latin subsets) — Instrument Serif, Sora, Syne. Faster than Google Fonts: no extra connection, cached for a year. */
@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/instrument-serif-italic-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/instrument-serif-normal-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/sora-normal-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/sora-normal-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/sora-normal-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/sora-normal-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/sora-normal-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/sora-normal-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/sora-normal-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/sora-normal-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/syne-normal-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/syne-normal-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/syne-normal-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}