/* sporePrint — design system tokens and reset
   SPDX-License-Identifier: AGPL-3.0-or-later
   System fonts, no external dependencies, dark mode, accessible.
   This file defines the design tokens consumed by main.css and any
   future component stylesheets. */

:root {
  --c-bg: #eff1f5;
  --c-bg-alt: #e6e9ef;
  --c-text: #4c4f69;
  --c-text-muted: #6c6f85;
  --c-link: #8839ef;
  --c-link-hover: #7287fd;
  --c-border: #ccd0da;
  --c-accent: #40a02b;
  --c-accent-light: #e6f5e0;
  --c-code-bg: #e6e9ef;
  --c-nav-bg: #dce0e8;
  --c-nav-text: #4c4f69;
  --c-hero-bg: #dce0e8;
  --c-hero-text: #4c4f69;
  --c-surface: #ccd0da;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  --font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, monospace;
  --max-w: 52rem;
  --max-w-wide: 72rem;
}

@media (prefers-color-scheme: dark) {
  :root {
    --c-bg: #1e1e2e;
    --c-bg-alt: #313244;
    --c-text: #cdd6f4;
    --c-text-muted: #a6adc8;
    --c-link: #f5c2e7;
    --c-link-hover: #f5e0dc;
    --c-border: #45475a;
    --c-accent: #a6e3a1;
    --c-accent-light: #1e2030;
    --c-code-bg: #181825;
    --c-nav-bg: #181825;
    --c-nav-text: #cdd6f4;
    --c-hero-bg: #11111b;
    --c-hero-text: #cdd6f4;
    --c-surface: #313244;
  }
}

*, *::before, *::after { box-sizing: border-box; }

html {
  font-size: 16px;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-family: var(--font-body);
  line-height: 1.65;
  color: var(--c-text);
  background: var(--c-bg);
}