/* ───────────────────────────────────────────────────────────────
   DESIGN TOKENS — palette condivisa tra tutte le app DACD
─────────────────────────────────────────────────────────────── */
:root {
  --sidebar-w: 272px;

  --c-sidebar:        #0d1526;
  --c-sidebar-border: #1e2d4a;
  --c-sidebar-text:   #8a9bbf;
  --c-sidebar-muted:  #3d5278;
  --c-sidebar-active: #e8edf7;

  --c-accent:         #0ea5e9;
  --c-accent-dark:    #0284c7;
  --c-accent-subtle:  #e0f2fe;

  --c-success:        #10b981;
  --c-success-bg:     #ecfdf5;
  --c-success-text:   #065f46;

  --c-error:          #ef4444;
  --c-error-bg:       #fef2f2;
  --c-error-text:     #991b1b;
  --c-error-border:   #fecaca;

  --c-warning:        #f59e0b;
  --c-warning-bg:     #fffbeb;
  --c-warning-text:   #92400e;

  --c-bg:             #f1f5f9;
  --c-surface:        #ffffff;
  --c-text:           #0f172a;
  --c-text-muted:     #64748b;
  --c-border:         #e2e8f0;
  --c-border-strong:  #cbd5e1;

  --c-manual-bg:      #f0fdfa;
  --c-manual-border:  #5eead4;
  --c-manual-text:    #0f766e;

  --c-inactive-bg:    #f8fafc;
  --c-inactive-text:  #94a3b8;

  --radius-sm:  4px;
  --radius:     8px;
  --radius-lg:  12px;
  --radius-xl:  16px;

  --shadow-sm:  0 1px 2px 0 rgb(0 0 0 / .05);
  --shadow:     0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
  --shadow-md:  0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
  --shadow-lg:  0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);

  --font: 'Outfit', system-ui, sans-serif;
  --font-mono: 'DM Mono', 'Courier New', monospace;
}

/* ───────────────────────────────────────────────────────────────
   BASE RESET
─────────────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { font-size: 16px; -webkit-font-smoothing: antialiased; }

[x-cloak] { display: none !important; }

button { font-family: inherit; cursor: pointer; }
input, select, textarea { font-family: inherit; }

:focus-visible {
  outline: 2px solid var(--c-accent);
  outline-offset: 2px;
}