/* =============================================================================
   THEME — DARK MODE
   -----------------------------------------------------------------------------
   Definisce i token che dipendono dalla MODALITA' (non dalla palette):
   sfondi, superfici, bordi, testo, ombre e le tonalita' degli STATI semantici
   calibrate per fondo scuro.
   NON definisce il brand/primary: quello vive nei file accent-*.css.

   Attivo quando <html data-theme="dark">. Replicato anche su :root cosi' il
   dark resta la baseline dell'applicazione (nata in dark).
   ============================================================================= */

:root,
[data-theme="dark"] {
    /* Sfondi */
    --bg-page: #101112;
    --bg-surface: #171819;
    --bg-card: #1c1d1e;
    --bg-elevated: #212223;
    --bg-inset: #151617;
    --bg-hover: rgba(255, 255, 255, 0.055);
    --bg-active: rgba(255, 255, 255, 0.085);
    --bg-scrim: rgba(0, 0, 0, 0.50);

    /* Bordi */
    --border-subtle: rgba(255, 255, 255, 0.058);
    --border-default: rgba(255, 255, 255, 0.105);
    --border-strong: rgba(255, 255, 255, 0.165);
    /* Testo */
    --text-primary: #dedede;
    --text-secondary: #b9babb;
    --text-muted: #8d9093;
    --text-title: #e7e7e7;
    /* Ombre / focus */
    --shadow-sm: 0 1.5px 8px rgba(0, 0, 0, 0.36);
    --shadow: 0 8px 28px rgba(0, 0, 0, 0.48), 0 1.5px 8px rgba(0, 0, 0, 0.32);
    --shadow-lg: 0 18px 48px rgba(0, 0, 0, 0.62);
    /* Stati — tonalita' vivide/desaturate adatte al fondo scuro */
    --color-success: #2ca96f;
    --color-success-hover: #35b779;
    --color-success-soft: rgba(44, 169, 111, 0.16);
    --color-success-border: rgba(44, 169, 111, 0.38);
    --color-success-contrast: #ffffff;
    --color-warning: #d0a03a;
    --color-warning-hover: #e0b33a;
    --color-warning-soft: rgba(208, 160, 58, 0.16);
    --color-warning-border: rgba(208, 160, 58, 0.38);
    --color-warning-contrast: #1a1012;
    --color-danger: #e05264;
    --color-danger-hover: #f05b6d;
    --color-danger-soft: rgba(224, 82, 100, 0.16);
    --color-danger-border: rgba(224, 82, 100, 0.38);
    --color-danger-contrast: #ffffff;

    --color-info: #3a8ca9;
    --color-info-hover: #4aa0bd;
    --color-info-soft: rgba(58, 140, 169, 0.16);
    --color-info-border: rgba(58, 140, 169, 0.38);
    --color-info-contrast: #ffffff;

    --color-secondary: #2ea3bc;
    --color-secondary-hover: #3db0c3;
    --color-secondary-soft: rgba(46, 163, 188, 0.16);
    --color-secondary-border: rgba(46, 163, 188, 0.36);
    --color-secondary-contrast: #ffffff;
}