:root {
  --color-bg: #f5f8f7;
  --color-surface: #ffffff;
  --color-surface-strong: #f9fbfa;
  --color-surface-contrast: #103024;
  --color-text: #101413;
  --color-text-muted: #3e4742;
  --color-text-on-contrast: #eef8f2;
  --color-text-on-contrast-muted: #c8dacf;
  --color-line: #c7d3cc;
  --color-brand: #00bf63;
  --color-brand-strong: #00a455;
  --color-brand-soft: #74e2ac;
  --color-danger: #8a1f1f;
  --header-height: 104px;
  --header-height-mobile: 92px;
  --admin-height: 0px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-full: 999px;
  --space-1: 8px;
  --space-2: 12px;
  --space-3: 16px;
  --space-4: 20px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --space-8: 56px;
  --container: 1120px;
  --measure: 70ch;
  --shadow-1: 0 10px 26px rgba(3, 14, 9, 0.09);
  --shadow-2: 0 16px 36px rgba(3, 14, 9, 0.15);
}

body.admin-bar {
  --admin-height: 32px;
}

@media (max-width: 782px) {
  body.admin-bar {
    --admin-height: 46px;
  }
}

html[data-theme='dark'] {
  --color-bg: #090d0b;
  --color-surface: #101614;
  --color-surface-strong: #16211d;
  --color-surface-contrast: #1a2a23;
  --color-text: #eef6f2;
  --color-text-muted: #b9c9c0;
  --color-text-on-contrast: #f2faf6;
  --color-text-on-contrast-muted: #cfddd5;
  --color-line: #314039;
  --color-brand: #34d284;
  --color-brand-strong: #25be74;
  --color-brand-soft: #86e7ba;
  --color-danger: #ff8d8d;
  --shadow-1: 0 10px 28px rgba(0, 0, 0, 0.34);
  --shadow-2: 0 18px 40px rgba(0, 0, 0, 0.46);
}