:root {
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --color-primary-deep: #0b2423;
  --color-primary: #123c39;
  --color-primary-raised: #1b4b47;
  --color-accent: #28a77a;
  --color-accent-hover: #166649;
  --color-accent-soft: #dff4eb;
  --color-canvas: #f5f7f5;
  --color-surface: #ffffff;
  --color-surface-muted: #eef2ef;
  --color-heading: #172522;
  --color-text: #293a36;
  --color-muted: #5d6d68;
  --color-subtle: #60706b;
  --color-border: #dce4e0;
  --color-border-strong: #c8d4cf;
  --color-danger: #b53c44;
  --color-danger-soft: #fcebed;
  --color-danger-border: #f1c7ca;
  --color-success: #166649;
  --color-success-soft: #e3f4ed;
  --color-warning: #80500f;
  --color-warning-soft: #fff4df;
  --color-warning-border: #edcf94;
  --color-white-alpha: rgba(255, 255, 255, .7);

  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;

  --disclosure-content-gap: var(--space-2);
  --disclosure-content-inline: var(--space-3);
  --disclosure-content-block-end: var(--space-3);

  --radius-sm: .5rem;
  --radius-md: .75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(11, 36, 35, .05), 0 3px 12px rgba(11, 36, 35, .04);
  --shadow-md: 0 12px 35px rgba(11, 36, 35, .10);
  --shadow-lg: 0 25px 70px rgba(8, 29, 28, .18);

  --transition-fast: 150ms ease;
  --control-height: 3.125rem;
  --control-height-compact: 2.75rem;
  --touch-target: 2.75rem;
  --sidebar-width: 16.75rem;
  --header-height: 5rem;
  --z-header: 30;
  --z-sidebar-scrim: 45;
  --z-sidebar: 50;
  --z-modal: 100;
}