/* PackWiseGear — "Field Kit" design tokens (CLAUDE.md §12.1).
   Deep navy is the fabric; electric cyan is the zipper pull. */

:root {
  /* Field Kit is a light-first design; lock form controls to light so the
     palette stays consistent and high-contrast regardless of OS setting. */
  color-scheme: light;

  /* Color */
  --ink: #111439;      /* body text on light surfaces */
  --navy: #01257d;     /* headers, nav, footer, scorecard bars, primary buttons */
  --accent: #00ffff;   /* score highlights, hover, focus rings — ON NAVY/DARK ONLY */
  --surface: #f8f8f9;  /* page background (white lilac) */
  --card: #ffffff;     /* cards, scorecard grid */
  --gradient: linear-gradient(160deg, #01257d 0%, #111439 100%);

  /* Derived / support */
  --muted: #5b5f7a;
  --border: #e4e5ec;
  --on-navy: #ffffff;
  --on-navy-muted: rgba(255, 255, 255, 0.72);

  /* Type */
  --font-display: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* Responsive breakpoints (reference — media queries can't read var()):
     sm 560px · md 768px (primary mobile) · lg 1024px. */

  /* Spacing / shape */
  --radius: 12px;
  --radius-sm: 8px;
  --shadow: 0 1px 2px rgba(17, 20, 57, 0.06), 0 8px 24px rgba(17, 20, 57, 0.06);
  --maxw: 1120px;
}