:root {
  /* Color palette - Dark theme */
  --color-bg-primary: #1a1a1d;
  --color-bg-secondary: #232327;
  --color-bg-tertiary: #2c2c31;
  --color-bg-elevated: #35353b;

  /* Accent - Low saturation blue-gray */
  --color-accent: #5a7a9a;
  --color-accent-hover: #6a8aaa;
  --color-accent-active: #4a6a8a;

  /* Text colors */
  --color-text-primary: #e8e8ea;
  --color-text-secondary: #a0a0a6;
  --color-text-muted: #6a6a70;
  --color-text-inverse: #1a1a1d;

  /* Border colors */
  --color-border: #3a3a40;
  --color-border-light: #45454c;
  --color-border-focus: var(--color-accent);

  /* State colors */
  --color-success: #5a9a6a;
  --color-warning: #9a8a5a;
  --color-error: #9a5a5a;

  /* Selection */
  --color-selection-bg: rgba(90, 122, 154, 0.3);
  --color-selection-border: var(--color-accent);

  /* Typography */
  --font-family-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-family-mono: ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;

  --font-size-xs: 11px;
  --font-size-sm: 12px;
  --font-size-base: 13px;
  --font-size-md: 14px;
  --font-size-lg: 16px;
  --font-size-xl: 18px;

  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;

  --line-height-tight: 1.2;
  --line-height-normal: 1.5;

  /* Spacing */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 24px;
  --spacing-2xl: 32px;

  /* Layout */
  --top-bar-height: 48px;
  --bottom-bar-height: 28px;
  --panel-min-width: 200px;
  --panel-default-width: 280px;
  --panel-max-width: 400px;
  --resizer-width: 4px;

  /* Borders */
  --border-radius-sm: 3px;
  --border-radius-md: 5px;
  --border-radius-lg: 8px;

  /* Transitions */
  --transition-fast: 100ms ease;
  --transition-normal: 150ms ease;
  --transition-slow: 250ms ease;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.5);

  /* Z-index layers */
  --z-panel: 10;
  --z-resizer: 20;
  --z-dropdown: 100;
  --z-modal: 200;
  --z-tooltip: 300;
}