/* LIGHT AFTER TIME™  ·  LOCKED HEX PALETTE
   Per Founder Master Brief, May 28, 2026 */

:root, [data-theme="dark"] {
  /* Primary */
  --royal-purple: #2D1B3D;
  --sapphire: #1E3A5F;
  --champagne: #F4E9DA;
  --velvet-black: #111111;
  --candlelight: #C6A46C;

  /* Secondary */
  --storm-gray: #5B5B63;
  --marble-cream: #EFE7DC;
  --wine-red: #5E1F28;
  --pearl-white: #FAF7F2;
  --smoky-charcoal: #2A2A2A;

  /* Accent */
  --metallic-gold: #D4AF37;
  --diamond: #F8F8FF;
  --chrome-silver: #BFC4CA;
  --crimson-glow: #7A1C24;

  /* Derived velvets */
  --velvet-elevated: #1a1622;
  --velvet-altar: #221b2e;
  --royal-purple-deep: #1a0f25;
  --sapphire-deep: #112340;

  /* Surface roles  ·  DARK / VELVET PENTHOUSE DEFAULT */
  --color-bg: var(--velvet-black);
  --color-surface: var(--velvet-elevated);
  --color-surface-2: var(--velvet-altar);
  --color-border: rgba(198,164,108,0.18);

  --color-text: var(--pearl-white);
  --color-text-muted: #bdb4a6;
  --color-text-faint: #807868;

  --color-text-inverse: var(--velvet-black);

  --color-primary: var(--candlelight);
  --color-primary-hover: var(--metallic-gold);
  --color-primary-soft: rgba(198,164,108,0.14);
  --color-accent: var(--royal-purple);
  --color-accent-2: var(--sapphire);

  /* Type scale */
  --text-xs: clamp(0.75rem, 0.7rem + 0.2vw, 0.82rem);
  --text-sm: clamp(0.85rem, 0.78rem + 0.3vw, 0.95rem);
  --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.1rem);
  --text-lg: clamp(1.15rem, 1rem + 0.7vw, 1.5rem);
  --text-xl: clamp(1.5rem, 1.2rem + 1.2vw, 2.25rem);
  --text-2xl: clamp(2rem, 1.2rem + 2.4vw, 3.5rem);
  --text-3xl: clamp(2.75rem, 1.2rem + 4.2vw, 5.5rem);
  --text-hero: clamp(3rem, 1rem + 6vw, 7rem);

  /* Space */
  --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem;
  --space-4: 1rem; --space-5: 1.25rem; --space-6: 1.5rem;
  --space-8: 2rem; --space-10: 2.5rem; --space-12: 3rem;
  --space-16: 4rem; --space-20: 5rem; --space-24: 6rem;
  --space-32: 8rem;

  /* Radii + shadow */
  --radius-md: 0.75rem;
  --radius-lg: 1.1rem;
  --radius-xl: 1.6rem;
  --shadow-velvet: 0 30px 80px rgba(0,0,0,0.55), 0 8px 24px rgba(45,27,61,0.4);
  --shadow-glow: 0 0 60px rgba(198,164,108,0.28);

  /* Layout + fonts */
  --content: 1240px;
  --content-narrow: 880px;
  --prose: 62ch;
  --font-display: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
  --font-body: 'Manrope', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-script: 'Italiana', 'Cormorant Garamond', serif;

  /* Motion */
  --ease-velvet: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-slow: 1100ms;
  --dur-mid: 600ms;
  --dur-quick: 280ms;
}

/* LIGHT  ·  Marble cinematic */
[data-theme="light"] {
  --color-bg: var(--marble-cream);
  --color-surface: #f7efde;
  --color-surface-2: var(--pearl-white);
  --color-border: rgba(45,27,61,0.14);

  --color-text: #1a1018;
  --color-text-muted: #4a4452;
  --color-text-faint: #837c8c;
  --color-text-inverse: var(--pearl-white);

  --color-primary: #a17e3f;
  --color-primary-hover: #8b6b32;
  --color-primary-soft: rgba(161,126,63,0.14);
  --color-accent: var(--royal-purple);
  --color-accent-2: var(--sapphire);

  --shadow-velvet: 0 30px 70px rgba(45,27,61,0.18), 0 10px 24px rgba(161,126,63,0.12);
  --shadow-glow: 0 0 60px rgba(161,126,63,0.22);
}