/* Fenice · design token v2.0
   Sorella di Colibrì: stessa tipografia, raggi, ombre, ritmo. Cambiano simbolo e colore (fuoco e brace).
   Tema chiaro predefinito: :root / [data-theme="light"]. Tema scuro: [data-theme="dark"].
   Nessun framework, nessuna build: questo file si include così com'è. */

/* I font (Instrument Sans e JetBrains Mono) sono sul nostro server: /static/fenice/fonts/fonts.css,
   caricato dalla pagina prima di questo file. Nessuna richiesta a Google. */

:root, [data-theme="light"] {
  color-scheme: light;
  /* Tipografia */
  --fe-font: "Instrument Sans", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;
  --fe-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;

  /* Brand */
  --fe-primary: #FF4D2E;        /* Corallo: azione principale, selezione, dato principale */
  --fe-primary-text: #C2331A;   /* Corallo su fondo chiaro, per testo e link (contrasto AA) */
  --fe-primary-soft: #FFEFEA;
  --fe-primary-veil: #FFD9CF;
  --fe-brace: #FF8A1F;          /* Brace: solo nel logo e nelle tile */
  --fe-accent: #FFB224;         /* Ambra: accento. Punteggio alto, «tocca a noi» in arrivo, tappe */
  --fe-accent-text: #9A5B00;
  --fe-accent-soft: #FFF5E0;

  /* Neutri caldi */
  --fe-ink: #16110F;
  --fe-graphite: #3D3633;
  --fe-secondary: #756C67;
  --fe-tertiary: #A9A09A;
  --fe-separator: #E8E3DE;
  --fe-separator-soft: #F0ECE8;
  --fe-group: #F4F1EE;
  --fe-paper: #FBF9F7;
  --fe-surface: #FFFFFF;

  /* Stati */
  --fe-success: #1FB57A; --fe-success-text: #0B7A50; --fe-success-soft: #E6F7EF;
  --fe-warning: #FFB224; --fe-warning-text: #9A5B00; --fe-warning-soft: #FFF5E0;
  --fe-error:   #E5202A; --fe-error-text:   #C0182A; --fe-error-soft:   #FDECEC;
  --fe-info:    #3B6FF5; --fe-info-text:    #2450C8; --fe-info-soft:    #EAF0FF;

  /* Tile dei moduli (glifo sempre bianco) */
  --fe-tile-dashboard: #FF4D2E; --fe-tile-lead: #FF8A1F; --fe-tile-pipeline: #FFB224;
  --fe-tile-clienti: #3B6FF5;   --fe-tile-todo: #7A5CE6;  --fe-tile-progetti: #E5202A;
  --fe-tile-caccia: #0E9F8F;    --fe-tile-careers: #1FB57A; --fe-tile-formazione: #D9468F;
  --fe-tile-impostazioni: #756C67;

  /* Spaziatura: base 4 */
  --fe-s1: 4px; --fe-s2: 8px; --fe-s3: 12px; --fe-s4: 16px; --fe-s5: 20px; --fe-s6: 24px; --fe-s8: 32px; --fe-s10: 40px; --fe-s12: 48px;

  /* Raggi */
  --fe-r-tag: 6px; --fe-r-field: 10px; --fe-r-box: 14px; --fe-r-card: 22px; --fe-r-panel: 28px; --fe-r-pill: 999px;
  --fe-r-tile: 22.37%;          /* superellisse delle icone */

  /* Ombre */
  --fe-shadow-flat: 0 1px 2px rgba(22,17,15,.06);
  --fe-shadow-card: 0 1px 2px rgba(22,17,15,.05), 0 8px 24px -8px rgba(22,17,15,.10);
  --fe-shadow-pop:  0 2px 6px rgba(22,17,15,.08), 0 24px 60px -16px rgba(22,17,15,.28);

  /* Vetro */
  --fe-glass-bg: rgba(251,249,247,.78); --fe-glass-border: rgba(22,17,15,.06); --fe-glass-blur: saturate(180%) blur(20px);

  /* Movimento */
  --fe-ease-spring: cubic-bezier(.2,.9,.25,1.12); --fe-ease-out: cubic-bezier(.2,.8,.2,1);
  --fe-dur-fast: 200ms; --fe-dur-panel: 360ms; --fe-dur-spring: 520ms; --fe-stagger: 40ms;

  /* Layout */
  --fe-sidebar-w: 264px; --fe-toolbar-h: 56px; --fe-content-max: 1240px;
}

[data-theme="dark"] {
  color-scheme: dark;
  --fe-primary: #FF6A4A; --fe-primary-text: #FF8C70; --fe-primary-soft: rgba(255,90,60,.16); --fe-primary-veil: rgba(255,90,60,.28);
  --fe-accent-text: #FFC24A; --fe-accent-soft: rgba(255,178,36,.16);
  --fe-ink: #F7F2EF; --fe-graphite: #D6CCC6; --fe-secondary: #A39892; --fe-tertiary: #6E6460;
  --fe-separator: #30262299; --fe-separator: #302622; --fe-separator-soft: #241C19; --fe-group: #201816; --fe-paper: #0D0908; --fe-surface: #171110;
  --fe-success-text: #4ADE9F; --fe-success-soft: rgba(31,181,122,.16);
  --fe-warning-text: #FFC24A; --fe-warning-soft: rgba(255,178,36,.16);
  --fe-error-text: #FF7A80; --fe-error-soft: rgba(229,32,42,.18);
  --fe-info-text: #8AA8FF; --fe-info-soft: rgba(59,111,245,.18);
  --fe-shadow-flat: 0 0 0 .5px rgba(255,255,255,.07);
  --fe-shadow-card: 0 0 0 .5px rgba(255,255,255,.08), 0 12px 32px -12px rgba(0,0,0,.6);
  --fe-shadow-pop: 0 0 0 .5px rgba(255,255,255,.1), 0 30px 80px -20px rgba(0,0,0,.8);
  --fe-glass-bg: rgba(13,9,8,.72); --fe-glass-border: rgba(255,200,180,.08);
}


/* v2 · navigazione Apple: superfici, selezione, velo */
:root, [data-theme="light"] {
  --fe-on-primary: #FFFFFF;
  --fe-hover: rgba(22,17,15,.045); --fe-sel: rgba(22,17,15,.075); --fe-scrim: rgba(22,17,15,.28);
  --fe-sidebar-bg: rgba(244,241,238,.72); --fe-tile-sheen: rgba(255,255,255,.28);
  --fe-list-w: 372px; --fe-r-row: 12px; --fe-r-group: 18px;
}
[data-theme="dark"] {
  --fe-hover: rgba(255,236,228,.05); --fe-sel: rgba(255,236,228,.09); --fe-scrim: rgba(0,0,0,.55);
  --fe-sidebar-bg: rgba(23,17,16,.74); --fe-tile-sheen: rgba(255,255,255,.18);
}

@media (prefers-reduced-motion: reduce) { :root { --fe-dur-fast: 0ms; --fe-dur-panel: 0ms; --fe-dur-spring: 0ms; --fe-stagger: 0ms; } }