/* Design tokens — derived from the NorCal Tech Solutions logo.
   Primary navy #10097F sampled from the logotype; gray #B3B3B3 from "TECH SOLUTIONS". */
:root {
  /* Brand */
  --color-primary: #10097f;
  --color-primary-dark: #0b0659;
  --color-primary-light: #2d24b8;
  --color-secondary: #b3b3b3;
  --color-accent: #2563eb;        /* action blue for links/CTAs on dark navy */
  --color-accent-dark: #1d4ed8;
  --primary-rgb: 16, 9, 127;      /* --color-primary as rgb, for tints */
  --accent-rgb: 37, 99, 235;

  /* Neutrals */
  --color-ink: #14142b;
  --color-body: #3d3d52;
  --color-muted: #6b6b80;
  --color-line: #e3e3ec;
  --color-surface: #f5f5fa;
  --color-white: #ffffff;

  /* Feedback */
  --color-success: #15803d;
  --color-error: #b91c1c;

  /* Type — self-hosted @font-face, system fallbacks */
  --font-display: "Archivo", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --font-text: "Inter", -apple-system, "Segoe UI", system-ui, sans-serif;

  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1.0625rem;
  --text-lg: 1.25rem;
  --text-xl: clamp(1.5rem, 1.2rem + 1.2vw, 2rem);
  --text-2xl: clamp(1.9rem, 1.4rem + 2vw, 2.75rem);
  --text-hero: clamp(2.2rem, 1.6rem + 3vw, 3.5rem);

  /* Spacing / layout */
  --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 1rem;
  --space-4: 1.5rem; --space-5: 2.5rem; --space-6: 4rem; --space-7: 6rem;
  --container: 1200px;
  --radius: 6px;
  --shadow: 0 4px 24px rgb(16 9 127 / 0.08);
  --shadow-lg: 0 18px 40px -12px rgb(16 9 127 / 0.28);

  --tap-target: 44px;
}