/* Design tokens. All colours live here as CSS variables.
   Neutral palette approved from samarthmahajan.com. Light mode ONLY by design:
   the site is always white, so there is no prefers-color-scheme variant.

   --accent is mainly for primary CTA buttons; it also appears on the
   "objectively handsome" Easter egg hover, the header dot, and small UI details.

   Contrast note: --text-muted passes AA (4.7:1) on --bg and --surface only.
   Do not put muted text on --canvas. */

:root {
  color-scheme: light;

  --bg: #ffffff;
  --canvas: #f5f5f5;
  --canvas-soft: #fafafa;
  --surface: #ffffff;
  --border: #e5e5e5;
  --track: #efefef;

  --text: #111111;
  --text-secondary: #333333;
  --text-muted: #737373;

  --hover-bg: #f5f5f5;
  --hover-border: #111111;

  /* Warm, restrained orange. Reserved primarily for calls to action. */
  --accent: #C94F20;
  --accent-hover: #A83D16;
  --accent-contrast: #ffffff;

  --font: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif;

  --gutter: 16px;
  --max: 72rem;
  --header-h: 64px;
  --radius: 1rem;
  --radius-pill: 999px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

@media (min-width: 640px) {
  :root { --gutter: 24px; }
}