@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  --violet: #6D5BD6;
  --violet-deep: #5B4BC4;
  --violet-soft: #EEEBFB;
  --lilac: #AFA9EC;
  --green: #1D9E75;

  --ink: #18181B;
  --ink-soft: #3F3F46;
  --muted: #71717A;
  --line: #E4E4E7;
  --paper: #FBFBFA;
  --white: #FFFFFF;

  --night: #0E0E12;
  --night-soft: #1A1A21;
  --night-line: #2A2A33;
  --night-muted: #9B9BA7;

  --success: var(--green);
  --success-soft: #DCFCE7;
  --success-dark: #166534;
  --success-border: #BBF7D0;
  --danger: #EF4444;
  --danger-soft: #FEF2F2;
  --danger-dark: #991B1B;
  --danger-border: #FECACA;
  --live: #06B6D4;
  --live-soft: #CFFAFE;
  --live-dark: #155E75;
  --live-border: #A5F3FC;
  --warning: #F59E0B;
  --warning-soft: #FEF3C7;
  --warning-dark: #92400E;
  --warning-border: #FDE68A;
  --info: #3B82F6;
  --info-soft: #DBEAFE;
  --info-dark: #1D4ED8;
  --info-border: #BFDBFE;

  --surface: #F8FAFC;
  --surface-hover: #F1F5F9;
  --line-light: #E2E8F0;
  --ink-secondary: #475569;
  --muted-light: #94A3B8;

  --max-width: 1080px;
  --sidebar-w: 260px;
  --header-h: 64px;
  --rail-w: 64px;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 24px 60px rgba(15, 23, 42, 0.08);
  --shadow-card: 0 12px 24px rgba(0, 0, 0, 0.05);
  --shadow-elevated: 0 32px 64px rgba(15, 23, 42, 0.12);

  --font: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-head: 'Space Grotesk', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --shadow-fab: 0 8px 24px rgba(109,91,214,.45);

  --break-sm: 480px;
  --break-md: 768px;
  --break-lg: 880px;
  --break-xl: 1080px;

  --accent: var(--violet);
  --accent-dark: var(--violet-deep);
  --accent-light: var(--lilac);
  --accent-pale: var(--violet-soft);
  --surface: var(--paper);
  --border: var(--line);
}