:root {
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;

  --color-bg: #f3f0e8;
  --color-surface: #fffdf8;
  --color-surface-strong: #ebe5d8;
  --color-text: #171717;
  --color-text-soft: #4b4b4b;
  --color-border: #d6d0c2;
  --color-accent: #5f6f52;
  --color-accent-strong: #46533d;
  --color-inverse: #f8f7f3;
  --color-shadow: rgba(17, 17, 17, 0.08);

  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;

  --radius-sm: 0.5rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;

  --shadow-card: 0 10px 30px var(--color-shadow);
  --border-width: 1px;
  --shell-width: 72rem;
}

:root[data-theme='dark'] {
  --color-bg: #111111;
  --color-surface: #1b1b1b;
  --color-surface-strong: #262626;
  --color-text: #f5f2e8;
  --color-text-soft: #cbc4b4;
  --color-border: #343434;
  --color-accent: #8ea37b;
  --color-accent-strong: #a9bd97;
  --color-inverse: #111111;
  --color-shadow: rgba(0, 0, 0, 0.35);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --color-bg: #111111;
    --color-surface: #1b1b1b;
    --color-surface-strong: #262626;
    --color-text: #f5f2e8;
    --color-text-soft: #cbc4b4;
    --color-border: #343434;
    --color-accent: #8ea37b;
    --color-accent-strong: #a9bd97;
    --color-inverse: #111111;
    --color-shadow: rgba(0, 0, 0, 0.35);
  }
}