/* tokens.css — design token TaskForger (condivisi con le web app) */
:root {
  /* colori */
  --tf-blue: #0755FF;
  --tf-blue-dark: #0547D6;
  --tf-navy: #081534;
  --tf-navy-2: #10204A;      /* voce sidebar in hover */
  --tf-surface: #FFFFFF;
  --tf-bg: #F3F6FC;
  --tf-selection: #E8EFFF;
  --tf-border: #DCE4F2;
  --tf-border-strong: #C9D5EE;
  --tf-muted: #586782;
  --tf-success: #1E9E5A;
  --tf-warning: #B87A00;
  --tf-error: #D23B3B;
  --tf-focus: 0 0 0 3px rgba(7, 85, 255, 0.18);

  /* tipografia */
  --font-title: "Sora", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-text: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* forme e dimensioni */
  --radius-panel: 12px;
  --radius-control: 8px;
  --header-h: 64px;
  --sidebar-w: 208px;
  --control-h: 44px;
  --control-h-sm: 36px;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;

  /* ombre leggere */
  --shadow-1: 0 1px 2px rgba(8, 21, 52, 0.06);
  --shadow-2: 0 4px 12px rgba(8, 21, 52, 0.08);
  --shadow-3: 0 12px 32px rgba(8, 21, 52, 0.14);

  /* transizioni brevi */
  --t-fast: 120ms ease;
}