/* IntegraERP — Design tokens */
:root {
  --brand: #2563EB;
  --brand-600: #1D4ED8;
  --brand-50: #EFF4FF;
  --brand-100: #DBE6FE;
  --navy: #0F172A;
  --violet: #7C3AED;
  --violet-50: #F3EEFF;
  --success: #10B981;
  --success-ink: #047857;
  --success-50: #E7F8F1;
  --warning: #F59E0B;
  --warning-ink: #B45309;
  --warning-50: #FEF5E3;
  --danger: #EF4444;
  --danger-ink: #B91C1C;
  --danger-50: #FDECEC;
  --info-50: #EAF2FF;

  --bg: #F8FAFC;
  --surface: #FFFFFF;
  --surface-2: #F1F5F9;
  --surface-3: #E9EEF5;
  --border: #E2E8F0;
  --border-strong: #CBD5E1;
  --text: #0F172A;
  --text-2: #334155;
  --muted: #64748B;
  --faint: #94A3B8;
  --overlay: rgba(15, 23, 42, .45);

  --sidebar-bg: #0F172A;
  --sidebar-text: #CBD5E1;
  --sidebar-muted: #64748B;
  --sidebar-hover: rgba(255,255,255,.06);
  --sidebar-active: rgba(37,99,235,.22);

  /* Chart palette (validated: CVD-safe, light surface) */
  --c1: #2563EB; --c2: #0891B2; --c3: #7C3AED; --c4: #DB2777; --c5: #B45309; --c-other: #94A3B8;
  --grid: #EEF2F7;

  --gradient: linear-gradient(135deg, #2563EB 0%, #7C3AED 100%);

  --font: "Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Roboto, Arial, sans-serif;
  --font-mono: ui-monospace, "Cascadia Code", "SF Mono", Consolas, monospace;

  --fs-xs: 11.5px; --fs-sm: 12.5px; --fs-base: 14px; --fs-md: 15px; --fs-lg: 17px; --fs-xl: 21px; --fs-2xl: 26px; --fs-3xl: 32px;

  --r-sm: 6px; --r: 10px; --r-lg: 14px; --r-xl: 20px; --r-full: 999px;
  --shadow-xs: 0 1px 2px rgba(15,23,42,.05);
  --shadow-sm: 0 1px 3px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04);
  --shadow: 0 4px 12px -2px rgba(15,23,42,.08), 0 2px 4px -2px rgba(15,23,42,.05);
  --shadow-lg: 0 18px 40px -12px rgba(15,23,42,.22), 0 6px 14px -6px rgba(15,23,42,.1);
  --ring: 0 0 0 3px rgba(37,99,235,.28);

  --sidebar-w: 264px; --sidebar-w-collapsed: 72px; --header-h: 64px;
  --ease: cubic-bezier(.2,.7,.2,1);
  color-scheme: light;
}

:root[data-theme="dark"] {
  --brand: #3B82F6; --brand-600: #60A5FA; --brand-50: #172554; --brand-100: #1E3A8A;
  --violet-50: #2E1065;
  --success-ink: #34D399; --success-50: #052E25;
  --warning-ink: #FBBF24; --warning-50: #3A2A06;
  --danger-ink: #F87171; --danger-50: #3B1111;
  --info-50: #172554;
  --bg: #0B1220; --surface: #111A2C; --surface-2: #16213A; --surface-3: #1D2A45;
  --border: #22314F; --border-strong: #2F4166;
  --text: #E8EEF8; --text-2: #C3CEE0; --muted: #8CA0BE; --faint: #5E7090;
  --overlay: rgba(2, 6, 15, .65);
  --sidebar-bg: #070D19; --sidebar-hover: rgba(255,255,255,.05);
  --c1: #3B82F6; --c2: #14A3A3; --c3: #8B5CF6; --c4: #EC4899; --c5: #D97706; --c-other: #64748B;
  --grid: #1B2740;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.4); --shadow: 0 6px 16px -4px rgba(0,0,0,.5); --shadow-lg: 0 20px 44px -12px rgba(0,0,0,.7);
  color-scheme: dark;
}