/* Avaelable - tema "palcoscenico" (vedi bozze in docs/design) */
:root {
  --bg: #07070C;
  --bg-elevated: rgba(20,20,30,.82);
  --bg-hover: rgba(255,255,255,.08);
  --surface: rgba(255,255,255,.045);
  --surface-hover: rgba(255,255,255,.08);
  --text: #F4F2ED;
  --text-secondary: #B9B7C8;
  --text-muted: #8E8CA1;
  --border: rgba(255,255,255,.09);

  /* accento: luce calda di scena. --green/--blue restano come alias storici
     usati dalle pagine (es. var(--green,#10d66d)) e ora puntano all'accento */
  --accent: #FFA24C;
  --accent-2: #FF7A45;
  --accent-ink: #1C1006;
  --live: #FF3B5C;
  --success: #3DDC84;
  --green: var(--accent);
  --blue: var(--accent-2);
  --red: #FF4E5C;
  --violet: #C04CFF;
  --amber: #FFD23F;
  --spectrum: linear-gradient(90deg,#FFD23F,#FF8A3D,#FF3B5C,#C04CFF,#4C7DFF,#22D3C5,#7BE36B);

  --glass: rgba(12,12,18,.68);
  --glass-strong: rgba(16,16,24,.88);
  --glow-green: rgba(255,162,76,.28);
  --glow-blue: rgba(255,122,69,.24);
  --sidebar-w: 248px;
  --radius: 16px;
  --display: 'Outfit', 'Inter', system-ui, sans-serif;
  --body: 'Inter', system-ui, sans-serif;

  /* compat aliases */
  --color-primary: var(--accent);
  --color-bg: var(--bg);
  --color-surface: var(--surface);
  --color-text: var(--text);
  --color-text-primary: var(--text);
  --color-text-secondary: var(--text-secondary);
  --color-border: var(--border);
  --color-alert: var(--red);
  --color-error: var(--red);
  --color-background: var(--bg);
  --color-surface-hover: var(--surface-hover);
}