/* Hallmark · genre: modern-minimal · macrostructure: Workbench · theme: Cobalt · tone: technical · anchor hue: cobalt · nav: N13 · footer: Ft2 · enrichment: none · contrast: pass · slop: pass */
/* Hallmark · pre-emit critique: P5 H5 E4 S5 R5 V5 */
:root {
  color-scheme: light;

  --font-display: "Space Grotesk", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-body: Inter, "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;

  --color-ink: #172033;
  --color-ink-soft: #475467;
  --color-muted: #667085;
  --color-faint: #98a2b3;
  --color-canvas: #eef2f8;
  --color-surface: #ffffff;
  --color-surface-subtle: #f5f7fb;
  --color-surface-active: #edf2ff;
  --color-border: #d9dfea;
  --color-border-strong: #b8c2d3;
  --color-primary: #2457e6;
  --color-primary-hover: #1747cc;
  --color-primary-soft: #dfe8ff;
  --color-on-primary: #ffffff;
  --color-warning: #a15c00;
  --color-warning-soft: #fff3d6;
  --color-success: #176b45;
  --color-success-soft: #e5f5ec;
  --color-overlay: rgb(15 23 42 / 42%);
  --color-shadow: rgb(23 32 51 / 14%);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;

  --radius-sm: 0.375rem;
  --radius-md: 0.625rem;
  --radius-lg: 0.875rem;

  --border-thin: 1px;
  --control-height: 2.75rem;
  --page-max: 100rem;
  --case-width: 15rem;
  --state-width: 22.5rem;
  --content-measure: 72ch;

  --duration-fast: 120ms;
  --duration-state: 180ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
}