:root {
  --color-primary: var(--navy);
  --color-primary-hover: var(--ink2);
  --color-accent: var(--redline);
  --color-bg: var(--sheet);
  --color-surface: var(--field);
  --color-margin: var(--margin);
  --color-border: var(--minor);
  --color-text: var(--navy);
  --color-text-secondary: var(--ink2);
  --color-text-muted: var(--ink3);
  --color-focus: var(--focus);
  --color-success: var(--success);
  --color-warning: var(--warn);
  --color-error: var(--danger);
  --color-canvas: #172c3c;
  --color-canvas-header: var(--navy);
  --color-canvas-text: #edf3f7;
  --color-canvas-grid: #2a4354;
  --color-selection: #e3b95f;
  --color-cursor: #f5f8fa;
  --font-family-sans: "Barlow Semi Condensed", sans-serif;
  --font-family-mono: "Spline Sans Mono", monospace;
  --font-size-xs: 11px;
  --font-size-sm: 12px;
  --font-size-md: 14px;
  --font-size-lg: 18px;
  --font-size-xl: 24px;
  --font-size-2xl: 32px;
  --font-family-title: "Barlow Condensed", sans-serif;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-2xl: 32px;
  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
}