/* MyDesk design tokens — tema scuro predefinito, tema chiaro con [data-theme="light"] */
:root {
  /* palette di base */
  --navy-950: #060a13; --navy-900: #0a1020; --navy-850: #0e1628; --navy-800: #131c31; --navy-700: #1b2640;
  --blue-500: #3d7bff; --blue-400: #5b91ff; --blue-600: #2a63e6; --cyan: #22d3ee; --teal: #14b8a6;
  --green: #22c55e; --amber: #f5a524; --red: #f04a58; --violet: #8b7bff;

  /* semantici (scuro) */
  --bg: var(--navy-950);
  --bg-grad: radial-gradient(1200px 600px at 80% -10%, rgba(61,123,255,.10), transparent 60%),
             radial-gradient(900px 500px at -10% 110%, rgba(34,211,238,.06), transparent 60%);
  --surface: #0c1323;
  --surface-2: #111a2e;
  --surface-3: #172238;
  --surface-hover: rgba(148,170,220,.06);
  --glass: rgba(12,19,35,.72);
  --border: rgba(148,170,220,.11);
  --border-strong: rgba(148,170,220,.2);
  --text: #e7ecf6;
  --text-2: #b4bfd3;
  --muted: #7f8ba3;
  --faint: #5a6680;
  --accent: var(--blue-500);
  --accent-2: var(--blue-400);
  --accent-soft: rgba(61,123,255,.14);
  --accent-ring: rgba(61,123,255,.45);
  --ok: #34d399; --ok-soft: rgba(52,211,153,.13);
  --warn: #fbbf24; --warn-soft: rgba(251,191,36,.13);
  --bad: #ff6b78; --bad-soft: rgba(255,107,120,.13);
  --info: #7cb4ff; --info-soft: rgba(124,180,255,.13);
  --cyan-soft: rgba(34,211,238,.12);
  --net-line: rgba(110,150,255,.13);
  --net-node: #7fa6ff;
  --chart-ok: #3d7bff; --chart-bad: #ff6b78; --chart-other: #22d3ee;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.4);
  --shadow: 0 1px 0 rgba(255,255,255,.03) inset, 0 8px 24px -12px rgba(0,0,0,.6);
  --shadow-lg: 0 24px 64px -16px rgba(0,0,0,.7), 0 0 0 1px var(--border);
  --sk: rgba(148,170,220,.08);
  --sk-hi: rgba(148,170,220,.16);

  /* tipografia */
  --font: "Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  --font-display: "Inter Display", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;
  --mono: "JetBrains Mono", "Cascadia Code", "SF Mono", Consolas, monospace;
  --fs-xs: 11.5px; --fs-sm: 12.5px; --fs: 13.5px; --fs-md: 15px; --fs-lg: 18px; --fs-xl: 24px; --fs-2xl: 32px;

  /* spaziature, raggi, layout */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 20px; --s6: 24px; --s8: 32px;
  --r-sm: 6px; --r: 10px; --r-lg: 14px; --r-xl: 20px;
  --sidebar: 244px; --sidebar-min: 68px; --topbar: 60px;

  /* motion */
  --ease: cubic-bezier(.16,1,.3,1);
  --ease-in: cubic-bezier(.4,0,1,1);
  --d1: 120ms; --d2: 200ms; --d3: 320ms; --d4: 560ms;

  color-scheme: dark;
}

:root[data-theme="light"] {
  --bg: #f3f5fa;
  --bg-grad: radial-gradient(1200px 600px at 80% -10%, rgba(61,123,255,.08), transparent 60%),
             radial-gradient(900px 500px at -10% 110%, rgba(20,184,166,.05), transparent 60%);
  --surface: #ffffff;
  --surface-2: #f7f9fc;
  --surface-3: #eef2f8;
  --surface-hover: rgba(30,50,90,.045);
  --glass: rgba(255,255,255,.78);
  --border: rgba(20,35,70,.09);
  --border-strong: rgba(20,35,70,.16);
  --text: #0e1626;
  --text-2: #364257;
  --muted: #5f6b82;
  --faint: #8c97ab;
  --accent: #2a63e6;
  --accent-2: #3d7bff;
  --accent-soft: rgba(42,99,230,.1);
  --accent-ring: rgba(42,99,230,.35);
  --ok: #0f9960; --ok-soft: rgba(15,153,96,.1);
  --warn: #b26b00; --warn-soft: rgba(214,138,0,.12);
  --bad: #d92d3f; --bad-soft: rgba(217,45,63,.09);
  --info: #1f5fcc; --info-soft: rgba(31,95,204,.09);
  --cyan-soft: rgba(8,145,178,.1);
  --net-line: rgba(42,99,230,.14);
  --net-node: #2a63e6;
  --chart-ok: #2a63e6; --chart-bad: #e5485a; --chart-other: #0aa5c2;
  --shadow-sm: 0 1px 2px rgba(15,25,50,.06);
  --shadow: 0 1px 2px rgba(15,25,50,.05), 0 8px 24px -14px rgba(15,25,50,.18);
  --shadow-lg: 0 24px 60px -20px rgba(15,25,50,.3), 0 0 0 1px var(--border);
  --sk: rgba(20,35,70,.06);
  --sk-hi: rgba(20,35,70,.11);
  color-scheme: light;
}

/* ===== Anteprima privata VEYRA (marchio provvisorio) — palette del kit veyra-design-tokens ===== */
:root[data-brand="veyra"] {
  --navy-950: #0B1220; --navy-900: #0D1729; --blue-500: #2563FF; --blue-400: #3F7AFF; --cyan: #00D4FF;
  --bg: #0B1220;
  --bg-grad: radial-gradient(1200px 600px at 80% -10%, rgba(37,99,255,.12), transparent 60%),
             radial-gradient(900px 500px at -10% 110%, rgba(0,212,255,.06), transparent 60%);
  --surface: #111D31; --surface-2: #16243B; --surface-3: #1E293B;
  --border: rgba(148,170,220,.13); --border-strong: rgba(148,170,220,.22);
  --text: #E2E8F0; --muted: #94A3B8;
  --accent: #2563FF; --accent-2: #3F7AFF; --accent-soft: rgba(37,99,255,.16); --accent-ring: rgba(37,99,255,.45);
  --ok: #10B981; --ok-soft: rgba(16,185,129,.14); --warn: #F59E0B; --warn-soft: rgba(245,158,11,.14);
  --bad: #F43F5E; --bad-soft: rgba(244,63,94,.14);
  --chart-ok: #2563FF; --chart-bad: #F43F5E; --chart-other: #00D4FF;
}
:root[data-brand="veyra"][data-theme="light"] {
  --bg: #F4F7FC; --surface: #FFFFFF; --surface-2: #F6F9FD; --surface-3: #E9EFF8;
  --border: #DCE4EF; --border-strong: #C9D4E3; --text: #0B1220; --muted: #53657E;
  --accent: #195DF6; --accent-2: #2563FF; --accent-soft: rgba(25,93,246,.1);
  --chart-ok: #195DF6; --chart-other: #0891B2;
  /* stati con contrasto AA su sfondo chiaro */
  --ok: #0A8F63; --ok-soft: rgba(10,143,99,.1); --warn: #B26A00; --warn-soft: rgba(214,138,0,.12);
  --bad: #D62946; --bad-soft: rgba(214,41,70,.09); --chart-bad: #D62946;
}