/* ============================================================
   NEMUN 2027 Design Tokens
   Single source of truth for the whole site.
   Inspired by the 2026 site palette (navy + cream), executed cleanly.
   ============================================================ */

:root {
  /* --- Color: Brand navy scale (2026 navy preserved, deepened) --- */
  --navy-950: #0c1220;
  --navy-900: #131c30;
  --navy-800: #1c2942;
  --navy-700: #283953;
  --navy-600: #36455f;
  --navy-500: #4a5a70;
  --navy-400: #596a83;

  /* --- Color: Ink / text --- */
  --ink-900: #1c2942;   /* primary text */
  --ink-700: #3c4a63;   /* secondary text */
  --ink-500: #6b7a94;   /* muted / meta text */
  --ink-300: #aab6c9;

  /* --- Color: Cream / paper (2026 palette preserved) --- */
  --cream-50:  #fbfaf8;  /* page background */
  --cream-100: #f6f3ec;  /* raised paper */
  --cream-200: #ece7da;  /* hairlines on cream */

  /* --- Color: Accent / light blue (theme-intro echo from 2026) --- */
  --blue-100: #deedf6;
  --blue-200: #c4d8e9;
  --blue-300: #9fbcd4;

  /* --- Color: functional --- */
  --white: #ffffff;
  --gold: #b8985a;          /* restrained accent, used sparingly */
  --gold-soft: rgba(184, 152, 90, 0.14);

  /* --- Typography --- */
  --font-display: "Cormorant Garamond", "Georgia", "Times New Roman", serif;
  --font-body: "Jost", "Helvetica Neue", Arial, sans-serif;

  /* --- Type scale (fluid, mobile-first) --- */
  --text-xs:  0.75rem;
  --text-sm:  0.875rem;
  --text-base: 1rem;
  --text-lg:  1.125rem;
  --text-xl:  1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 2rem;
  --text-4xl: 2.5rem;
  --text-5xl: 3.25rem;
  --text-6xl: 4rem;

  --leading-tight: 1.1;
  --leading-snug: 1.35;
  --leading-relaxed: 1.7;
  --leading-loose: 1.9;

  --tracking-wide: 0.08em;
  --tracking-wider: 0.16em;
  --tracking-widest: 0.24em;

  /* --- Spacing scale --- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-8: 3rem;
  --space-10: 4rem;
  --space-12: 5rem;
  --space-16: 8rem;

  /* --- Layout --- */
  --container-max: 1160px;
  --container-narrow: 820px;
  --section-pad: clamp(4rem, 9vw, 8rem);
  --gutter: clamp(1.25rem, 5vw, 2.5rem);

  /* --- Radii (shape lock: sharp + one soft radius for media) --- */
  --radius-sm: 2px;
  --radius-md: 4px;

  /* --- Shadows (tinted, no pure black) --- */
  --shadow-sm: 0 1px 3px rgba(28, 41, 66, 0.08), 0 1px 2px rgba(28, 41, 66, 0.06);
  --shadow-md: 0 6px 24px rgba(28, 41, 66, 0.10);
  --shadow-lg: 0 16px 48px rgba(28, 41, 66, 0.16);

  /* --- Motion --- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-1: 180ms;
  --dur-2: 320ms;
  --dur-3: 600ms;
  --dur-4: 900ms;

  /* --- Nav --- */
  --nav-h: 72px;
}