/* =========================================================
   KOLAY — TOKEN CANONICI
   Fonte di verita: PROJECTS/Kolay/brand/brand-kit.html

   Caricato da TUTTE le pagine, sempre PRIMA di base.css / style.css.
   I due fogli storici (v1 = base+pages, v2 = style) non dichiarano piu
   valori propri: ridefiniscono i loro nomi come alias di questi token.
   Da qui in avanti un colore, un raggio o un'ombra si cambiano in un
   posto solo e si muovono tutte e 18 le pagine insieme.
   ========================================================= */

:root {
  /* ---------- Colore ---------- */
  --color-turkish-red: #E8431A;
  --color-red-hover:   #CF3A14;
  --color-warm-cream:  #FFF8F2;
  --color-soft-cream:  #FFF0E6;
  --color-pale-cream:  #FFE8D6;
  --color-silver:      #D8D0C8;
  --color-pewter:      #9B9B9B;
  --color-smoke:       #6B6B6B;
  --color-ink:         #1A1A1A;
  --color-dark:        #1C1C2E;
  --color-white:       #FFFFFF;

  /* Livelli CEFR — definiti nel brand kit, non ancora usati sul sito */
  --color-level-a1: #34C759;
  --color-level-a2: #FF9500;
  --color-level-b1: #0088FF;

  /* ---------- Tipografia ---------- */
  --font-sans:  'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-serif: 'Lora', Georgia, serif;

  /* ---------- Raggi ---------- */
  --radius-sm:   8px;
  --radius-md:   16px;
  --radius-lg:   20px;
  --radius-full: 100px;

  /* ---------- Ombre ---------- */
  --shadow-card: rgba(26, 26, 26, 0.08) 0px 0px 32px 0px;

  /* =========================================================
     DA DECIDERE — non presenti nel brand kit.
     Valori v1 tenuti invariati di proposito: allinearli al brand
     kit non e' un'unificazione di token ma un cambio di design,
     e va guardato a video sulla pagina giusta (Passo 1).
     ========================================================= */

  /* Ombra card v1 a due stadi (riposo + hover).
     Il brand kit ha solo --shadow-card, diffusa e senza stato hover. */
}