/* ══════════════════════════════════════════════════════════════════
   CRM ML — Design Tokens v1.0 (GLASS / scuro)
   ══════════════════════════════════════════════════════════════════
   Override dei soli token che cambiano tra Vivid e Glass.
   Dipende da _root.css (caricato prima).

   Principio: mantenere la SEMANTICA identica (fg-default = testo
   principale, bg-surface = sfondo card), cambiare i VALORI. Nessun
   nuovo token aggiunto qui — se manca, aggiungerlo in _root.css.

   Contrast verificato WCAG AA su bg-surface #0f172a (solido, non
   trasparente, per evitare il problema widefat risolto il 18/04).
   ══════════════════════════════════════════════════════════════════ */

body.crml-theme-glass {

    /* ─────────────────────────────────────────────────────────────
       BRAND — saturi per fondo scuro
       ───────────────────────────────────────────────────────────── */
    --crml-color-brand-500: #ff6fa3;   /* accent pieno, era #ba5a87 */
    --crml-color-brand-600: #ff85b3;   /* hover più chiaro */
    --crml-color-brand-700: #ffa0c6;

    /* Gradient Glass: cyan → magenta → violet (più vibrante di Vivid) */
    --crml-color-brand-gradient: linear-gradient(135deg, #ff2e9b 0%, #9333ea 50%, #00d4ff 100%);

    /* ─────────────────────────────────────────────────────────────
       BACKGROUND — scala di grigi SOLIDI (no trasparenze su container
       che devono contenere testo, per garantire contrast stabile)
       ───────────────────────────────────────────────────────────── */
    --crml-color-bg-app:      #06080d;
    --crml-color-bg-surface:  #0f172a;   /* card, tabella, modal — solido */
    --crml-color-bg-subtle:   #0b1220;   /* zebra table, muted panel */
    --crml-color-bg-hover:    rgba(0, 212, 255, .10);
    --crml-color-bg-active:   rgba(0, 212, 255, .18);
    --crml-color-bg-overlay:  rgba(0, 0, 0, .72);

    /* ─────────────────────────────────────────────────────────────
       FOREGROUND — contrast AA su bg-surface #0f172a
       ───────────────────────────────────────────────────────────── */
    --crml-color-fg-strong:   #f8fafc;   /* 16:1 */
    --crml-color-fg-default:  #e2e8f0;   /* 13:1 */
    --crml-color-fg-muted:    #b4bdcf;   /*  9.8:1 */
    --crml-color-fg-faint:    #8994ad;   /*  5.3:1 */
    --crml-color-fg-on-brand: #0a0e1a;   /* scuro su accent saturo */

    /* ─────────────────────────────────────────────────────────────
       BORDER — rgba bianco per trasparenze vetrate
       ───────────────────────────────────────────────────────────── */
    --crml-color-border-subtle: rgba(255, 255, 255, .08);
    --crml-color-border-base:   rgba(255, 255, 255, .16);
    --crml-color-border-strong: rgba(255, 255, 255, .26);
    --crml-color-border-focus:  var(--crml-color-brand-500);

    /* ─────────────────────────────────────────────────────────────
       STATI SEMANTICI — toni più chiari/saturi per contrast scuro
       ───────────────────────────────────────────────────────────── */
    --crml-color-success:    #34d399;
    --crml-color-success-bg: rgba(16, 185, 129, .16);
    --crml-color-success-fg: #6ee7b7;
    --crml-color-warning:    #fbbf24;
    --crml-color-warning-bg: rgba(251, 191, 36, .14);
    --crml-color-warning-fg: #fde68a;
    --crml-color-danger:     #ff6b85;
    --crml-color-danger-bg:  rgba(255, 107, 133, .14);
    --crml-color-danger-fg:  #fda4af;
    --crml-color-info:       #38bdf8;
    --crml-color-info-bg:    rgba(56, 189, 248, .14);
    --crml-color-info-fg:    #7dd3fc;

    /* ─────────────────────────────────────────────────────────────
       SHADOW — più marcate per creare profondità su fondo scuro
       ───────────────────────────────────────────────────────────── */
    --crml-shadow-xs:    0 1px 2px rgba(0, 0, 0, .4);
    --crml-shadow-sm:    0 2px 8px rgba(0, 0, 0, .5);
    --crml-shadow-md:    0 8px 24px rgba(0, 0, 0, .6);
    --crml-shadow-lg:    0 20px 50px -20px rgba(0, 212, 255, .25);
    --crml-shadow-focus: 0 0 0 3px rgba(0, 212, 255, .35);

    /* Spacing, radius, motion, z, typography restano invariati
       (definiti in _root.css). */
}