/* =============================================================================
   THEME — LIGHT MODE
   -----------------------------------------------------------------------------
   Valori RITARATI sui colori reali del design light esistente (estratti dagli
   override body.light di light.css), così i token producono in light gli stessi
   risultati del design originale e gli override per-componente diventano
   ridondanti (FASE 5: eliminazione).

   NOTA: la light mode usa anche gradienti e sfumature neutre bespoke che NON
   sono rappresentabili con token piatti: quelle restano in light.css.

   Attivo quando <html data-theme="light">.
   ============================================================================= */

[data-theme="light"] {
    /* Sfondi — scala grigia reale del tema chiaro */
    --bg-page: #d2d6d7;
    --bg-surface: #dce0e0;
    --bg-card: #e5e7e7;
    --bg-elevated: #eceeee;
    --bg-inset: #f2f3f3;
    --bg-hover: rgba(24, 28, 34, 0.065);
    --bg-active: rgba(24, 28, 34, 0.105);
    --bg-scrim: rgba(0, 0, 0, 0.25);
    /* Bordi — tint neutro scuro su fondo chiaro */
    --border-subtle: rgba(24, 28, 34, 0.10);
    --border-default: rgba(24, 28, 34, 0.19);
    --border-strong: rgba(24, 28, 34, 0.29);
    /* Testo — warm-dark, coerente col tema (brand rosso) */
    --text-primary: #202428;
    --text-secondary: rgba(28, 32, 38, 0.82);
    --text-muted: rgba(28, 32, 38, 0.74);
    --text-title: #202428;
    /* Ombre — leggere su fondo chiaro */
    --shadow-sm: 0 1.5px 8px rgba(18, 22, 28, 0.058);
    --shadow: 0 5px 14px rgba(18, 22, 28, 0.075), 0 1.5px 8px rgba(18, 22, 28, 0.045);
    --shadow-lg: 0 10px 24px rgba(22, 27, 34, 0.14);
    /* Stati — tonalità meno sature, coerenti con il tema chiaro */

    --color-success: #4C8874;
    --color-success-hover: #397460;
    --color-success-soft: rgba(76, 136, 116, 0.16);
    --color-success-border: rgba(76, 136, 116, 0.34);
    --color-success-contrast: #ffffff;
    --color-warning: #96783D;
    --color-warning-hover: #8A713A;
    --color-warning-soft: rgba(165, 138, 79, 0.17);
    --color-warning-border: rgba(165, 138, 79, 0.36);
    --color-warning-contrast: #ffffff;
    --color-danger: #A34A53;
    --color-danger-hover: #893B44;
    --color-danger-soft: rgba(163, 74, 83, 0.14);
    --color-danger-border: rgba(163, 74, 83, 0.32);
    --color-danger-contrast: #ffffff;
    --color-info: #547D99;
    --color-info-hover: #416881;
    --color-info-soft: rgba(84, 125, 153, 0.16);
    --color-info-border: rgba(84, 125, 153, 0.34);
    --color-info-contrast: #ffffff;
    --color-secondary: #0b626d;
    --color-secondary-hover: #137684;
    --color-secondary-soft: rgba(22, 156, 139, 0.20);
    --color-secondary-border: rgba(22, 156, 139, 0.38);
    --color-secondary-contrast: #ffffff;
}