/*
 * Theme tokens for federicocarrer.it.
 *
 * The browser drives the dark/light choice via prefers-color-scheme;
 * there is deliberately no JavaScript theme-toggle (no cookies, no
 * sessionStorage flag).
 *
 * F006 hand-off: refine the palette by editing the four hex values
 * per @media block below (bg + fg + accent appear twice each: once
 * as a :root custom property for downstream use, once as a literal
 * body-level declaration so the static-parse koan can verify the
 * two themes differ). Spacing and typography tokens live in the
 * scheme-agnostic :root block immediately following.
 */

:root {
  --font-stack-system:
    system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
    Arial, "Noto Sans", sans-serif;
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 2rem;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #0f1115;
    --color-fg: #e6e8eb;
    --color-accent: #7aa2f7;
  }

  body {
    color: #e6e8eb;
    background-color: #0f1115;
  }
}

@media (prefers-color-scheme: light) {
  :root {
    --color-bg: #fafafa;
    --color-fg: #1a1d23;
    --color-accent: #2c5cc5;
  }

  body {
    color: #1a1d23;
    background-color: #fafafa;
  }
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-stack-system);
  line-height: 1.5;
  min-height: 100vh;
  padding: var(--space-3) var(--space-2);
}

main {
  max-width: 48rem;
  margin: 0 auto;
}

a {
  color: var(--color-accent);
}