:root {
  --dark-bg: #000000;
  --dark-fg: #ffffff;
  --brand: #089f1b;
  --accent: #108822;
  --glow-border: #39ff56;
  --nav-pill-fg: #111111;
  --page-bg: #ffffff;
  --page-fg: #111111;
  --muted: rgba(255, 255, 255, 0.72);
  --muted-strong: rgba(255, 255, 255, 0.9);

  --font-sans: "Rubik", system-ui, sans-serif;

  --container-max: 80rem;
  --section-y: 4rem;
  --container-x: 1rem;
  --grid-gap: 1rem;

  --radius-pill: 9999px;
  --radius-md: 0.5rem;

  --header-min-h: 6.5rem;
  --transition-fast: 200ms ease;
  --shadow-glow: 0 0 24px rgba(57, 255, 86, 0.25);
}

@media (min-width: 640px) {
  :root {
    --container-x: 1.5rem;
  }
}

@media (min-width: 1024px) {
  :root {
    --container-x: 2rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-fast: 0ms;
  }
}