:root {
  --store-accent: #047857;
  --store-accent-hover: #036b4f;
  --store-accent-active: #025c44;
  --store-focus-color: #047857;
  --store-focus-width: 2px;
  --store-bg: #f4f7f5;
  --store-text: #17221c;
  --store-surface: #fff;
  --store-muted: #64736b;
  --store-border: #dbe5df;
  --store-border-strong: #b8c9bf;
  --store-footer-bg: #101813;
  --store-footer-text: #f6faf7;
  --store-footer-muted: #aebbb3;
  --store-radius-sm: .55rem;
  --store-radius-md: 1rem;
  --store-radius-lg: 1.5rem;
  --store-shadow: 0 1rem 2.5rem rgba(23, 34, 28, .09);
  --store-content: 76rem;
}

:root[data-color-mode="dark"] {
  --store-bg: #0d1511;
  --store-text: #edf7f1;
  --store-surface: #15211a;
  --store-muted: #a8b9af;
  --store-border: #304239;
  --store-border-strong: #486154;
  --store-footer-bg: #08100c;
  --store-footer-text: #f4fbf7;
  --store-footer-muted: #afc0b6;
  --store-shadow: 0 1rem 2.5rem rgba(0, 0, 0, .32);
  --store-focus-color: #34d399;
}