:root {
  --canvas: #f3f1ec;
  --canvas-strong: #ebe8e1;
  --surface: #fbfaf7;
  --surface-muted: #f3f1ec;
  --surface-subtle: #f6f4ef;
  --surface-inverse: #172228;
  --text: #182227;
  --text-soft: #5d6b71;
  --text-muted: #7a858b;
  --text-inverse: #f5f8f8;
  --border: rgba(24, 34, 39, 0.1);
  --border-strong: rgba(24, 34, 39, 0.18);
  --accent: #275866;
  --accent-strong: #1d4450;
  --accent-ink: #234f5b;
  --accent-soft: #e7eff1;
  --accent-outline: rgba(39, 88, 102, 0.18);
  --success: #2f6b5d;
  --success-soft: rgba(47, 107, 93, 0.12);
  --warning: #8b6312;
  --warning-soft: rgba(139, 99, 18, 0.12);
  --critical: #b14a42;
  --critical-soft: rgba(177, 74, 66, 0.12);
  --elevation-1: 0 8px 20px rgba(20, 30, 35, 0.05);
  --elevation-2: 0 16px 36px rgba(20, 30, 35, 0.07);
  --radius-xl: 20px;
  --radius-lg: 16px;
  --radius-md: 12px;
  --radius-sm: 8px;
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --font-ui: "Aptos", "Segoe UI Variable", "Trebuchet MS", sans-serif;
  --font-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
  --font-mono: "IBM Plex Mono", "Cascadia Code", "Consolas", monospace;
  --desktop: 1100px;
  --tablet: 780px;
  --phone: 640px;
}