/* ===========================================================================
 * Užsapno · Beyond The Dream — Design Tokens
 * ---------------------------------------------------------------------------
 * Single source of truth for the brand visual system. All platforms read
 * from these values. See DESIGN_SYSTEM.md (project root) for the philosophy
 * behind each choice.
 *
 * If you add a token, mirror it in:
 *   - config/tailwind.config.js  (so utility classes work)
 *   - DESIGN_SYSTEM.md           (so the docs stay accurate)
 *   - dream_app/.../Extensions.swift + AccentColor.colorset (iOS parity)
 * ========================================================================= */

:root {
  /* Colour ---------------------------------------------------------------- */
  --color-night:          #0F1424; /* Naktis — primary background */
  --color-dusk:           #171C30; /* Sutema — surfaces, cards   */
  --color-veil:           #222842; /* Šydas  — elevated, hover    */

  --color-lumen:          #D4A95A; /* Aušra — primary accent (the star) */
  --color-lumen-deep:     #B58E48; /* Aušra (gilesnė) — pressed accent  */

  --color-sage:           #7E9385; /* Šalavijas — calm secondary */
  --color-amaranth:       #A66775; /* Rožiškas  — warmth, sparingly */

  --color-parchment:      #F2EEE4; /* Pergamentas — primary text */
  --color-parchment-muted:#A8A395; /* Blukus — secondary text   */
  --color-parchment-dim:  #6E6A60; /* Blanki — tertiary / hint  */

  /* Type ------------------------------------------------------------------
     Lora is the primary display serif — chosen for its excellent Lithuanian
     rendering (clean ū, ė, ų, etc.) and calm, literary character. EB Garamond
     is a fallback with similar feel; Georgia for absolute fallback.            */
  --font-display: 'Lora', 'EB Garamond', Georgia, serif;
  --font-body:    'Inter var', 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Radius ---------------------------------------------------------------- */
  --radius-sm:    6px;
  --radius-md:    12px;
  --radius-lg:    20px;
  --radius-pill:  9999px;

  /* Stroke / dividers ----------------------------------------------------- */
  --stroke-soft:  1px solid rgba(255, 255, 255, 0.08);
  --stroke-firm:  1px solid var(--color-veil);

  /* Motion ---------------------------------------------------------------- */
  --ease-breath:  cubic-bezier(0.4, 0, 0.2, 1);
  --dur-instant:  120ms;
  --dur-calm:     320ms;
  --dur-drift:    8s;

  /* Layout ---------------------------------------------------------------- */
  --shell-max:    1180px;
  --gutter:       clamp(20px, 4vw, 48px);
}