:root{
  --blue-500: #009ae0;
  --blue-600: #0078b3;
  --blue-700: #00608f;
  --blue-50: #e8f6fd;
  --blue-200: #91c9e8;
  --ink-900: #0a0c10;
  --ink-700: #3a3f47;
  --ink-500: #5a6272;
  --ink-400: #8b95a7;
  --line-strong: #d8dbe1;
  --line: #e7eaf0;
  --surface-sunken: #f3f5f8;
  --surface: #fbfbfa;
  --paper: #ffffff;
  --inverse: #15171b;
  --inverse-raised: #1f2227;
  --inverse-line: #2c3037;
  --on-inverse: #f3f5f8;
  --on-inverse-muted: #a3acbb;
  --on-accent: #ffffff;
  --success: #1c7a4c;
  --danger: #c23030;
  --success-50: #e9f5ee;
  --danger-50: #fdf1f1;
  --warning: #7a5200;
  --warning-50: #fdf6e3;
  --warning-line: #efdca0;
  --code-bg: #0d1117;
  --code-text: #c9d1d9;
  --code-muted: #6b7785;
  --code-key: #79c0ff;
  --code-string: #a5d6ff;
  --code-number: #f0b86a;
  --brand-claude: #b3593a;
  --brand-chatgpt: #0d7a5f;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 999px;

  --shadow-frame: 0 24px 48px -24px rgba(10,12,16,0.18), 0 2px 6px rgba(10,12,16,0.05);
  --shadow-tab: 0 1px 3px rgba(10,12,16,0.1), 0 1px 2px rgba(10,12,16,0.06);
  --shadow-focus: 0 0 0 3px #009ae0;

  --header-height: 68px;
  --content-max: 1200px;
  --content-wide: 1680px;
  --measure: 60ch;

  --font-sans: "General Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}