:root {
  color-scheme: light;
  --color-page: #ffffff;
  --color-surface: #f8fafc;
  --color-surface-glass: rgb(255 255 255 / 0.88);
  --color-surface-glass-strong: rgb(255 255 255 / 0.94);
  --color-surface-strong: #eef2ff;
  --color-ink: #0f172a;
  --color-text: #24324b;
  --color-muted: #5f6b7a;
  --color-border: #d8e0ea;
  --color-primary: #1a73e8;
  --color-primary-strong: #174ea6;
  --color-primary-soft: #e8f0fe;
  --color-accent: #12b5cb;
  --color-success: #188038;
  --color-warning: #b06000;
  --color-danger: #d93025;
  --color-focus: #174ea6;
  --shadow-soft: 0 18px 60px rgb(15 23 42 / 0.12);
  --shadow-card: 0 10px 30px rgb(15 23 42 / 0.08);
  --radius-small: 8px;
  --radius-medium: 14px;
  --radius-large: 22px;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --shell: min(1160px, calc(100vw - 32px));
}