:root {
  --bg-primary: #0a0a0f;
  --bg-secondary: #111118;
  --bg-tertiary: #1a1a22;
  --bg-elevated: #22222e;
  --bg-glass: #111118;

  --sys-blue: #5b8db8;
  --sys-green: #4a9;
  --sys-red: #c66;
  --sys-yellow: #ca5;
  --sys-teal: #5ab;

  --col-nanoton: #ca5;

  --text-primary: #d4d4dc;
  --text-secondary: #8888a0;
  --text-tertiary: #555568;

  --border-default: #252535;
  --border-subtle: #1c1c2a;
  --border-accent: #5b8db8;

  --font-ui: 'Inter', -apple-system, system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  --sidebar-width: 320px;
  --header-height: 52px;

  --space-xs: 6px;
  --space-sm: 10px;
  --space-md: 14px;
  --space-lg: 20px;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;

  --glass-bg: rgba(17, 17, 24, 0.55);
  --glass-bg-heavy: rgba(17, 17, 24, 0.7);
  --glass-border: rgba(255, 255, 255, 0.08);
  --glass-blur: blur(20px) saturate(1.3);
  --glass-hover: rgba(255, 255, 255, 0.05);

  --shadow-sm: 0 1px 3px rgba(0,0,0,0.4);
  --shadow-md: 0 2px 8px rgba(0,0,0,0.5);

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-short: 150ms;
  --duration-medium: 250ms;
}