/**
 * FRD Academy — Design Tokens
 * Fonte unica di verità per colori, spaziature, tipografia e transizioni.
 *
 * Convenzione: tutte le variabili usano il prefisso --frd-
 * I file di pagina mantengono i loro alias locali (--bg, --sur, etc.) per
 * compatibilità con il codice esistente. Le nuove classi e componenti
 * usano esclusivamente le variabili --frd-.
 *
 * MIGRATION NOTES:
 * Per aggiungere un tema (dark/light, brand alternativo):
 * Sovrascrivi queste variabili in [data-theme="light"] {} o .theme-alt {}
 */

:root {
  /* ── BACKGROUNDS ── */
  --frd-bg:         #111111;
  --frd-surface:    #1a1a1a;
  --frd-surface-2:  #222222;
  --frd-surface-3:  #2a2a2a;
  --frd-surface-4:  #313131;

  /* ── BORDERS ── */
  --frd-border:     #2a2a2a;
  --frd-border-2:   #333333;
  --frd-border-3:   #3d3d3d;

  /* ── RED (Maestro / Brand) ── */
  --frd-red:        #cc1417;
  --frd-red-hover:  #e01518;
  --frd-red-dim:    rgba(204, 20, 23, 0.08);
  --frd-red-dim-2:  rgba(204, 20, 23, 0.15);
  --frd-red-glow:   rgba(204, 20, 23, 0.25);

  /* ── GREEN (Studente / Accento) ── */
  --frd-green:       #c8f135;
  --frd-green-hover: #d4f53d;
  --frd-green-dim:   rgba(200, 241, 53, 0.12);
  --frd-green-dim-2: rgba(200, 241, 53, 0.06);
  --frd-green-glow:  rgba(200, 241, 53, 0.25);

  /* ── TEXT ── */
  --frd-text:    #efefef;
  --frd-text-2:  #aaaaaa;
  --frd-text-3:  #888888;
  --frd-text-dim:#555555;

  /* ── RADIUS ── */
  --frd-radius-sm: 6px;
  --frd-radius:    8px;
  --frd-radius-lg: 12px;
  --frd-radius-xl: 16px;

  /* ── TYPOGRAPHY ── */
  --frd-font-sans:    'IBM Plex Sans', sans-serif;
  --frd-font-mono:    'IBM Plex Mono', monospace;
  --frd-font-display: 'Bebas Neue', sans-serif;

  /* ── TRANSITIONS ── */
  --frd-t:    0.2s ease;
  --frd-t-s:  0.15s ease;
  --frd-t-sb: 0.22s cubic-bezier(0.4, 0, 0.2, 1);

  /* ── LAYOUT ── */
  --frd-sidebar-w:    240px;
  --frd-sidebar-coll: 56px;
  --frd-topbar-h:     52px;

  /* ── Z-INDEX ── */
  --frd-z-overlay: 100;
  --frd-z-drawer:  200;
  --frd-z-modal:   300;
  --frd-z-toast:   400;
}