/**
 * themes/helpdesk/vars.css
 * Tema Helpdesk — font Inter, accento leggermente diverso
 */

/* Font: Inter via system stack — nessun CDN esterno */

:root {
  --ite-accent:       #C8102E;
  --ite-accent-dark:  #9A0C23;
  --ite-accent-dim:   rgba(200, 16, 46, 0.08);
  --ite-accent-dim2:  rgba(200, 16, 46, 0.15);

  --ite-font:         'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --ite-bg:           #0D0D0D;
  --ite-bg2:          #111111;
  --ite-surface:      #161616;
  --ite-surface2:     #1C1C1C;
  --ite-surface3:     #222222;

  --ite-border:       rgba(255, 255, 255, 0.07);
  --ite-border2:      rgba(255, 255, 255, 0.12);

  --ite-text:         #E0E0E0;
  --ite-text2:        rgba(255, 255, 255, 0.50);
  --ite-text3:        rgba(255, 255, 255, 0.25);
  --ite-text-bright:  #FFFFFF;

  /* Border radius quadrato come nell'helpdesk attuale */
  --ite-radius:       0px;
  --ite-radius-sm:    0px;
  --ite-radius-lg:    0px;
}

/* Fix overflow-x mobile */
html { overflow-x: hidden; }

/* ── Light mode override ─────────────────────────────────── */
[data-theme="light"] {
  --ite-bg:           #F0EEEA;
  --ite-bg2:          #E6E4E0;
  --ite-surface:      #FFFFFF;
  --ite-surface2:     #F5F3EF;
  --ite-surface3:     #EDEAE6;

  --ite-border:       rgba(0, 0, 0, 0.09);
  --ite-border2:      rgba(0, 0, 0, 0.15);

  --ite-text:         #1A1A1A;
  --ite-text2:        rgba(0, 0, 0, 0.55);
  --ite-text3:        rgba(0, 0, 0, 0.35);
  --ite-text-bright:  #000000;

  --ite-shadow-sm:    0 1px 4px rgba(0, 0, 0, 0.08);
  --ite-shadow:       0 2px 12px rgba(0, 0, 0, 0.10);
  --ite-shadow-lg:    0 8px 32px rgba(0, 0, 0, 0.14);

  /* Accent invariato (rosso Icaro funziona su entrambi i temi) */
  --ite-accent:       #C8102E;
  --ite-accent-dark:  #9A0C23;
  --ite-accent-dim:   rgba(200, 16, 46, 0.09);
  --ite-accent-dim2:  rgba(200, 16, 46, 0.16);
}