/* Sedime design tokens — the shared source of visual decisions. */
:root {
  --ds-ink: #17343a;
  --ds-ink-soft: #31575a;
  --ds-primary: #0b6f6c;
  --ds-primary-bright: #15958d;
  --ds-mint: #dcefe9;
  --ds-paper: #fffdf8;
  --ds-sand: #f6f5ef;
  --ds-peach: #f8e8df;
  --ds-coral: #e38a6d;
  --ds-positive: #1c9a6c;
  --ds-warning: #b57421;
  --ds-negative: #b55665;
  --ds-line: rgba(23, 52, 58, .13);
  --ds-muted: #647477;
  --ds-font-display: "Manrope", "Avenir Next", Arial, sans-serif;
  --ds-font-body: "DM Sans", Inter, Arial, sans-serif;
  --ds-space-1: 4px;
  --ds-space-2: 8px;
  --ds-space-3: 12px;
  --ds-space-4: 16px;
  --ds-space-5: 24px;
  --ds-space-6: 32px;
  --ds-space-7: 48px;
  --ds-space-8: 64px;
  --ds-radius-sm: 8px;
  --ds-radius-md: 12px;
  --ds-radius-lg: 20px;
  --ds-radius-xl: 32px;
  --ds-radius-section: clamp(28px, 4vw, 48px);
  --ds-nav-radius: 18px;
  --ds-nav-inset: 10px;
  --ds-nav-control-radius: calc(var(--ds-nav-radius) - var(--ds-nav-inset));
  --ds-shadow-sm: 0 6px 14px rgba(19, 62, 64, .09);
  --ds-shadow-md: 0 12px 34px rgba(19, 62, 64, .11);
  --ds-shadow-lg: 0 24px 70px rgba(19, 62, 64, .15);
  --ds-shadow-dark: 0 18px 42px rgba(0, 0, 0, .24);
  --ds-surface-dark-1: rgba(255, 253, 248, .05);
  --ds-surface-dark-2: rgba(255, 253, 248, .09);
  --ds-surface-dark-3: rgba(255, 253, 248, .14);
  --ds-layer-base: 0;
  --ds-layer-raised: 1;
  --ds-layer-popover: 10;
  --ds-layer-dialog: 40;
  --ds-container: 1200px;
  --ds-gutter: clamp(20px, 4vw, 48px);
}