/* EV10 Design Tokens */
:root {
  --ev10-bg: #F5F7FB;
  --ev10-surface: #FFFFFF;
  --ev10-text: #101828;
  --ev10-muted: #667085;
  --ev10-border: #E4E7EC;
  --ev10-primary: #155EEF;
  --ev10-primary-hover: #004EEB;
  --ev10-ink: #0B1F44;
  --ev10-success: #039855;
  --ev10-warning: #DC6803;
  --ev10-danger: #D92D20;
  --ev10-info: #1570EF;
  --ev10-soft-blue: #EFF4FF;
  --ev10-soft-green: #ECFDF3;
  --ev10-soft-orange: #FFFAEB;
  --ev10-soft-red: #FEF3F2;
  --ev10-radius-sm: 10px;
  --ev10-radius-md: 14px;
  --ev10-radius-lg: 20px;
  --ev10-shadow-sm: 0 1px 3px rgba(16, 24, 40, 0.06);
  --ev10-shadow-md: 0 12px 30px rgba(16, 24, 40, 0.08);
  --ev10-sidebar-w: 248px;
  --ev10-sidebar-collapsed: 72px;
  --ev10-topbar-h: 68px;
  --ev10-content-max: 1440px;
  --ev10-font: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --ev10-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ev10-t: 180ms var(--ev10-ease);

  /* Legacy aliases — keep existing components working */
  --bg: var(--ev10-bg);
  --bg-elevated: var(--ev10-surface);
  --surface: var(--ev10-surface);
  --surface-hover: #F9FAFB;
  --text: var(--ev10-text);
  --text-secondary: #344054;
  --text-tertiary: var(--ev10-muted);
  --text-muted: #98A2B3;
  --accent: var(--ev10-primary);
  --accent-hover: var(--ev10-primary-hover);
  --accent-soft: var(--ev10-soft-blue);
  --accent-ring: rgba(21, 94, 239, 0.18);
  --accent-gradient: linear-gradient(135deg, #155EEF 0%, #2970FF 100%);
  --success: var(--ev10-success);
  --success-soft: var(--ev10-soft-green);
  --warning: var(--ev10-warning);
  --warning-soft: var(--ev10-soft-orange);
  --danger: var(--ev10-danger);
  --danger-soft: var(--ev10-soft-red);
  --purple: #7A5AF8;
  --purple-soft: #F4F3FF;
  --indigo: #6172F3;
  --indigo-soft: #EEF4FF;
  --orange: var(--ev10-warning);
  --orange-soft: var(--ev10-soft-orange);
  --sidebar-w: var(--ev10-sidebar-w);
  --sidebar-collapsed: var(--ev10-sidebar-collapsed);
  --header-h: var(--ev10-topbar-h);
  --content-max: var(--ev10-content-max);
  --radius-sm: var(--ev10-radius-sm);
  --radius-md: var(--ev10-radius-md);
  --radius-lg: var(--ev10-radius-lg);
  --radius-xl: 24px;
  --shadow-float: var(--ev10-shadow-md);
  --shadow-card: var(--ev10-shadow-sm);
  --shadow-hover: 0 16px 36px rgba(16, 24, 40, 0.1);
  --shadow-glass: var(--ev10-shadow-sm);
  --font: var(--ev10-font);
  --ease: var(--ev10-ease);
  --t: var(--ev10-t);
  --t-slow: 240ms var(--ev10-ease);
  --border: var(--ev10-border);
  --border-strong: #D0D5DD;
  --primary: var(--ev10-primary);
  --primary-hover: var(--ev10-primary-hover);
  --muted: var(--ev10-muted);
  --muted2: var(--text-muted);
  --sidebar-width: var(--ev10-sidebar-w);
  --sidebar-collapsed-width: var(--ev10-sidebar-collapsed);
  --shadow-md: var(--ev10-shadow-sm);
  --shadow-lg: var(--ev10-shadow-md);
  --shadow-1: var(--ev10-shadow-sm);
  --shadow-2: var(--ev10-shadow-md);
}