/* Nexus — design token del portale exoIntegration.
   Struttura derivata da exoCortex/webObject/Stile exoCortex/tokens.css @ 2026-11-04 (NX #10),
   palette Nexus (indaco #4F46E5 → blu #2563EB → ciano #06B6D4).
   Ogni colore/misura usato in app.css viene da qui (NX #1). */
:root, [data-theme="light"] {
  color-scheme: light;
  /* QR code: sempre scuro su chiaro, anche nel tema scuro, per la lettura con la fotocamera */
  --qr-dark: #000000;
  --qr-light: #FFFFFF;
  --bg: #FFFFFF;
  --surface-alt: #F5F6FA;
  --surface-sunken: #ECEEF5;
  --surface-raised: #FFFFFF;
  --ink: #0F172A;
  --ink-muted: #475569;
  --ink-subtle: #64748B;
  --border: #E2E8F0;
  --border-control: #94A3B8;
  --brand: #4F46E5;
  --brand-hover: #4338CA;
  --brand-tint: #EEF2FF;
  --on-brand: #FFFFFF;
  --accent: #06B6D4;
  --grad: linear-gradient(135deg, #4F46E5 0%, #2563EB 55%, #06B6D4 100%);
  --success: #15803D;
  --success-tint: #E8F5EC;
  --warning: #B45309;
  --warning-tint: #FFF7E6;
  --danger: #C62828;
  --danger-tint: #FDECEC;
  --focus-ring: #4F46E5;
  --shadow-sm: 0 1px 2px rgba(15,23,42,.06), 0 1px 3px rgba(15,23,42,.08);
  --shadow-lg: 0 24px 64px rgba(15,23,42,.24);
  --surface-inverse: #0F172A;
  --ink-inverse: #FFFFFF;
  --nav-bg: #0F172A;
  --nav-ink: #CBD5E1;
  --nav-ink-active: #FFFFFF;
  --nav-active-bg: #1E2A4F;
  --row-hover: #F8FAFC;
  --overlay: rgba(15,23,42,.56);
  --logo-light-display: block;
  --logo-dark-display: none;
}
[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0B1124;
  --surface-alt: #0E1530;
  --surface-sunken: #0A1022;
  --surface-raised: #121A38;
  --ink: #F1F5F9;
  --ink-muted: #B8BED6;
  --ink-subtle: #8F96B3;
  --border: #26304F;
  --border-control: #6B76A3;
  --brand: #8B8CFF;
  --brand-hover: #A5A6FF;
  --brand-tint: #1E2150;
  --on-brand: #0B1124;
  --accent: #22D3EE;
  --success: #4ADE80;
  --success-tint: #0F2A1C;
  --warning: #FBBF24;
  --warning-tint: #2E2210;
  --danger: #F87171;
  --danger-tint: #3A1616;
  --focus-ring: #8B8CFF;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.3);
  --shadow-lg: 0 24px 64px rgba(0,0,0,.5);
  --surface-inverse: #F1F5F9;
  --ink-inverse: #0B1124;
  --nav-bg: #070C1B;
  --nav-ink: #B8BED6;
  --nav-ink-active: #FFFFFF;
  --nav-active-bg: #1C2556;
  --row-hover: #17204A;
  --overlay: rgba(2,6,23,.7);
  --logo-light-display: none;
  --logo-dark-display: block;
}
:root {
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-8: 56px;
  --control-height: 36px;
  --content-max: 880px;
  --sidebar-width: 240px;
  --topbar-height: 56px;
  /* Font self-hosted: css/fonts.css */
  --font-display: Sora, Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --text-sm: 13px;
  --text-md: 14px;
  --text-lg: 16px;
  --text-h1: 28px;
  --line-md: 20px;
}