:root {
  color-scheme: light;
  --sc-font-sans: "Segoe UI", Arial, sans-serif;
  --sc-font-mono: "Cascadia Mono", "Roboto Mono", Consolas, monospace;
  --sc-font-size-xs: 0.75rem;
  --sc-font-size-sm: 0.875rem;
  --sc-font-size-md: 1rem;
  --sc-font-size-lg: 1.25rem;
  --sc-font-size-xl: 1.75rem;
  --sc-font-size-2xl: 2.5rem;
  --sc-line-height-tight: 1.2;
  --sc-line-height-normal: 1.5;
  --sc-space-1: 0.25rem;
  --sc-space-2: 0.5rem;
  --sc-space-3: 0.75rem;
  --sc-space-4: 1rem;
  --sc-space-5: 1.5rem;
  --sc-space-6: 2rem;
  --sc-space-7: 3rem;
  --sc-page-padding-inline: clamp(1rem, 2vw, 2rem);
  --sc-page-padding-block: clamp(1.25rem, 2.5vw, 2.5rem);
  --sc-panel-padding: clamp(1rem, 1.6vw, 1.5rem);
  --sc-card-padding: var(--sc-space-3);
  --sc-card-gap: var(--sc-space-2);
  --sc-section-gap: clamp(1rem, 1.6vw, 1.5rem);
  --sc-radius-sm: 0.375rem;
  --sc-radius-md: 0.625rem;
  --sc-radius-lg: 0.875rem;
  --sc-radius-pill: 999px;
  --sc-content-width: 93.75rem;
  --sc-control-height: 2.5rem;
  --sc-color-background: #edf0eb;
  --sc-color-surface: #f8f8f4;
  --sc-color-surface-raised: #e3e9e2;
  --sc-color-border: #c8d1c8;
  --sc-color-text: #303a34;
  --sc-color-text-muted: #69766e;
  --sc-color-primary: #668b78;
  --sc-color-primary-strong: #527260;
  --sc-color-info: #71899a;
  --sc-color-warning: #ae8758;
  --sc-color-danger: #aa6868;
  --sc-color-success: #668b78;
  --sc-shadow-raised: 0 0.75rem 1.75rem rgba(70, 83, 74, 0.1);
  --sc-transition-fast: 140ms ease;
  --sc-z-sticky: 100;
}

:root[data-sc-theme="dark"] {
  color-scheme: dark;
  --sc-color-background: #202622;
  --sc-color-surface: #29302b;
  --sc-color-surface-raised: #343c36;
  --sc-color-border: #465048;
  --sc-color-text: #e4e8e4;
  --sc-color-text-muted: #abb4ad;
  --sc-color-primary: #8fb5a2;
  --sc-color-primary-strong: #a7c6b6;
  --sc-color-info: #99afbf;
  --sc-color-warning: #d1ad79;
  --sc-color-danger: #d49393;
  --sc-color-success: #8fb5a2;
  --sc-shadow-raised: 0 0.75rem 1.75rem rgba(6, 10, 7, 0.18);
}