/* Design tokens — change brand look in one place.
   Government / defense-contractor theme drawn straight from the logo: a light,
   crisp surface with the logo's own blue (#2151a8) and slate gray (#666a6f) as
   accents, plus dark navy "islands" (footer, CTA) for contrast. Because the page
   is light, the official full-color logo sits on its native background. */
:root {
  /* Brand blue from the logo: rgb(33, 81, 168) ≈ #2151a8 — used as-is on light */
  --color-primary: #2151a8;        /* interactive blue — buttons, links */
  --color-primary-dark: #18407f;   /* button hover / pressed */
  --color-primary-soft: rgba(33, 81, 168, 0.1);

  /* Accent: the logo blue for key figures, icons, focus and active states.
     -bright is a slightly lighter blue for icon strokes and hover emphasis. */
  --color-accent: #2151a8;
  --color-accent-bright: #2f6fdb;
  --color-accent-soft: rgba(33, 81, 168, 0.1);

  /* Slate: the logo's second color (#666a6f). The quiet counterpart to the blue —
     used for repeating labels and rules (eyebrows, header stripe) so the palette
     reads two-tone (blue + slate) like the logo rather than all-blue. */
  --color-slate: #666a6f;

  /* Surfaces (light, distinct steps for clear section rhythm) */
  --color-bg: #ffffff;             /* page background */
  --color-bg-alt: #f3f6fb;         /* alternating section — light blue-gray */
  --color-bg-elevated: #ffffff;    /* cards, panels (lifted via border + shadow) */
  --color-bg-deep: #16335f;        /* deep brand-blue footer (logo-blue family, not near-black) */

  /* Text */
  --color-heading: #0c1c33;        /* deep navy, near-black */
  --color-text: #36424f;           /* body */
  --color-text-muted: #5f6b7a;     /* muted slate */

  /* Lines & effects */
  --color-border: rgba(12, 28, 51, 0.1);
  --color-border-strong: rgba(12, 28, 51, 0.18);

  /* Typography */
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif;
  --font-heading: var(--font-body);

  --fs-sm: 0.8125rem;
  --fs-base: 1rem;
  --fs-lg: 1.1875rem;
  --fs-xl: 1.5rem;
  --fs-2xl: 2.125rem;
  --fs-3xl: 3rem;

  /* Spacing scale */
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 3rem;
  --space-2xl: 5.5rem;

  /* Layout */
  --container-width: 1600px;
  --radius: 6px;
  --radius-sm: 4px;
  --shadow: 0 1px 2px rgba(12, 28, 51, 0.06), 0 6px 20px rgba(12, 28, 51, 0.08);
  --shadow-lg: 0 20px 50px rgba(12, 28, 51, 0.14);
  --transition: 160ms ease;
}