/* ===================================
   NOCTURA — Design Tokens
   Refined: Lunar Cold Silver System
   =================================== */

:root {
  /* --- Primary Backgrounds --- */
  --color-black:        #08080A;
  --color-graphite:     #141418;
  --color-anthracite:   #222228;
  --color-charcoal:     #38383F;

  /* --- Primary Text --- */
  --color-bone:         #D8D4CE;
  --color-ivory:        #EDEAE5;
  --color-muted:        #7E7F86;

  /* --- Accents (Lunar Cold Palette) --- */
  --color-silver:       #B0B3BC;
  --color-wine:         #4A1832;
  --color-night-blue:   #1B2A4A;
  --color-deep-purple:  #2D1B4E;
  --color-gold:         #B8B0A4;

  /* --- Functional --- */
  --color-overlay:      rgba(8, 8, 10, 0.88);
  --color-glass:        rgba(20, 20, 24, 0.65);

  /* --- Font Families --- */
  --font-display:  'Cormorant Garamond', Georgia, serif;
  --font-body:     'Inter', 'Helvetica Neue', sans-serif;
  --font-accent:   'Libre Baskerville', Georgia, serif;

  /* --- Font Scale (clamp) — slightly larger base for legibility --- */
  --fs-xs:    clamp(0.72rem, 0.67rem + 0.25vw, 0.82rem);
  --fs-sm:    clamp(0.82rem, 0.77rem + 0.30vw, 0.95rem);
  --fs-base:  clamp(1.00rem, 0.92rem + 0.40vw, 1.15rem);
  --fs-md:    clamp(1.18rem, 1.02rem + 0.55vw, 1.45rem);
  --fs-lg:    clamp(1.65rem, 1.35rem + 1.00vw, 2.30rem);
  --fs-xl:    clamp(2.50rem, 1.85rem + 2.10vw, 4.20rem);
  --fs-xxl:   clamp(3.60rem, 2.60rem + 3.50vw, 7.20rem);

  /* --- Font Weights --- */
  --fw-light:     300;
  --fw-regular:   400;
  --fw-medium:    500;
  --fw-semibold:  600;

  /* --- Letter Spacing --- */
  --ls-tight:   -0.015em;
  --ls-normal:    0;
  --ls-wide:      0.10em;
  --ls-ultra:     0.22em;

  /* --- Line Heights --- */
  --lh-tight:   1.10;
  --lh-heading: 1.18;
  --lh-body:    1.70;

  /* --- Spacing --- */
  --space-xs:   0.5rem;
  --space-sm:   1rem;
  --space-md:   2rem;
  --space-lg:   4rem;
  --space-xl:   8rem;
  --space-xxl:  12rem;

  /* --- Layout --- */
  --container-width: 1200px;
  --container-padding: 2rem;

  /* --- Transitions --- */
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --duration-fast: 0.3s;
  --duration-normal: 0.6s;

  /* --- Neo-Skeuomorphic Depth (light at 315°) --- */
  --shadow-surface-1:
    inset 1px 1px 0 rgba(255,255,255,0.03),
    0 2px 8px rgba(0,0,0,0.4),
    0 1px 2px rgba(0,0,0,0.3);
  --shadow-surface-2:
    inset 1px 1px 0 rgba(255,255,255,0.05),
    0 4px 16px rgba(0,0,0,0.5),
    0 2px 4px rgba(0,0,0,0.35);
  --shadow-surface-3:
    inset 1px 1px 1px rgba(255,255,255,0.06),
    0 8px 32px rgba(0,0,0,0.6),
    0 4px 8px rgba(0,0,0,0.4);
  --shadow-inset:
    inset 0 2px 4px rgba(0,0,0,0.5),
    inset 0 -1px 0 rgba(255,255,255,0.03);
  --shadow-pressed:
    inset 0 2px 6px rgba(0,0,0,0.6),
    inset 0 -1px 0 rgba(255,255,255,0.02);

  /* --- Lunar Glows (cold silver/white) --- */
  --glow-gold-subtle: 0 0 12px rgba(200,210,225,0.06);
  --glow-gold-medium: 0 0 20px rgba(200,210,225,0.12), 0 0 40px rgba(200,210,225,0.04);
  --glow-gold-strong: 0 0 30px rgba(200,210,225,0.20), 0 0 60px rgba(200,210,225,0.06);
}