/* tokens.css — property-local visual identity for eduz.quest
   Per apps/README.apps_HANDOVER §9.1: each property owns its vars.

   Voice: Gaming portal — bazaar of brain games.
   Mood: playful, lively, adventure. Marigold gold over dark-wood/ink
   ground, with jade + saffron + indigo lantern accents. */

:root {
  /* ── Colour ──────────────────────────────────────────────────────────── */
  --color-primary:   #FFD700;          /* marigold gold */
  --color-primary-soft: #FFE15F;
  --color-accent:    #3ECF8E;          /* adventure jade */
  --color-accent-2:  #FF7A3D;          /* saffron — embers */
  --color-accent-3:  #7F6DDB;          /* indigo — lantern */
  --color-ground:    #0D0A1D;          /* deep ink-wood ground */
  --color-surface:   #1B142E;
  --color-surface-lift: #2C2150;       /* card lift */
  --color-ink:       #F4E9D4;          /* parchment */
  --color-ink-soft:  #C8B998;
  --color-muted:     #9D92C4;          /* dim indigo */
  --color-border:    rgba(255, 215, 0, 0.20);

  --color-success:   #3ECF8E;
  --color-warning:   #F6A92B;
  --color-danger:    #FF5D73;

  /* ── Typography (serif display — adventure-tome feel) ────────────────── */
  --font-display: 'Iowan Old Style', 'Palatino Linotype', 'Book Antiqua', Georgia, serif;
  --font-body:    'Iowan Old Style', 'Palatino Linotype', Georgia, serif;
  --font-mono:    ui-monospace, 'JetBrains Mono', 'IBM Plex Mono', Menlo, Consolas, monospace;

  /* ── Motion (slightly slower / playful — game pacing) ────────────────── */
  --motion-duration-fast:   140ms;
  --motion-duration-normal: 260ms;
  --motion-duration-slow:   480ms;
  --motion-ease-standard:   cubic-bezier(0.4, 0, 0.2, 1);
  --motion-ease-emphasis:   cubic-bezier(0.34, 1.56, 0.64, 1);

  /* ── Shadow (warm glow — lantern-lit) ────────────────────────────────── */
  --shadow-card: 0 2px 6px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 215, 0, 0.08);
  --shadow-hero: 0 8px 28px rgba(255, 215, 0, 0.16), 0 0 64px rgba(255, 122, 61, 0.10);
  --shadow-lift: 0 16px 40px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 215, 0, 0.22);

  /* ── Radius (medium — friendly card feel) ────────────────────────────── */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 22px;
  --radius-pill: 9999px;

  /* ── Space ───────────────────────────────────────────────────────────── */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 32px;
  --space-xl: 64px;
}