/* tokens.css — Lezioni Private
 * Design tokens estratti dal v5 + estensioni gamification.
 * Single source of truth. Importato da styles.css.
 */

:root {
  /* --- Palette base (dal v5) --- */
  --bg: #F2E8D5;
  --bg-dark: #E8DCC3;
  --paper: #FAF4E7;
  --ink: #1A1410;
  --ink-soft: #5A4A3A;
  --primary: #C74E2A;
  --primary-dark: #9E3A1C;
  --accent: #D4A520;
  --success: #4A7C59;
  --error: #B3302E;
  --highlight: #FCE5B0;
  --col-tint: #EADDC0;
  --row-tint: #D8E4D0;

  /* --- Palette gamification --- */
  --xp-fill: #D4A520;
  --xp-bg: #EADDC0;
  --streak-fire: #E67E22;
  --life-red: #B3302E;
  --life-empty: #D0C5A8;
  --boss-warn: #8B1F1D;

  /* --- Tipografia --- */
  --font-display: 'Fraunces', Georgia, serif;
  --font-body: 'Lexend Deca', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'Courier New', monospace;

  --fs-h1: clamp(2.4rem, 6vw, 5rem);
  --fs-h2: clamp(1.9rem, 4.2vw, 3.2rem);
  --fs-h3: clamp(1.3rem, 2.5vw, 1.8rem);
  --fs-body: clamp(1rem, 1.35vw, 1.15rem);
  --fs-body-big: clamp(1.1rem, 1.7vw, 1.4rem);
  --fs-lede: clamp(1.05rem, 1.5vw, 1.3rem);
  --fs-mono-label: 0.72rem;

  /* --- Spacing --- */
  --space-xs: 0.5rem;
  --space-sm: 0.8rem;
  --space-md: 1.2rem;
  --space-lg: 1.8rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;

  --view-pad: 5vh 6vw 14vh;
  --container-max: 1200px;

  /* --- Borders & shadows --- */
  --border-thin: 1.5px solid var(--ink);
  --border-base: 2px solid var(--ink);
  --border-thick: 2.5px solid var(--ink);
  --shadow-hard: 6px 6px 0 var(--ink);
  --shadow-hard-sm: 3px 3px 0 var(--ink);
  --shadow-hard-lg: 8px 8px 0 var(--ink);

  /* --- Motion --- */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --t-fast: 0.15s var(--ease);
  --t-base: 0.25s var(--ease);
  --t-slow: 0.4s var(--ease);

  /* --- Layout --- */
  --radius-none: 0;
  --radius-sm: 3px;
  --radius-pill: 999px;
  --touch-min: 44px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --t-fast: 0.01s linear;
    --t-base: 0.01s linear;
    --t-slow: 0.01s linear;
  }
}