/* Design tokens — redesign slice 1. Fonts: "typeka" (Typekit, imported in custom.css)
   is the brand font for the wordmark + section labels only; Inter (below) is the
   workhorse font for everything else. */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&display=swap');

:root {
  /* Type */
  --font-brand: "typeka", sans-serif;
  --font-body: "Inter", sans-serif;

  --fs-display: clamp(2.5rem, 1rem + 5vw, 4.5rem);
  --fs-h2: 2.75rem;
  --fs-h3: 2rem;
  --fs-h4: 1.5rem;
  --fs-lead: 1.25rem;
  --fs-body: 1rem;
  --fs-small: 0.875rem;

  /* Color: neutral ink/paper scale */
  --paper: #FFFFFF;
  --paper-inset: #181818;
  --ink: #131313;
  --ink-secondary: #5E5E5E;
  --ink-muted: #767676;
  --ink-on-dark: #FFFFFF;

  /* Color: sitewide accent */
  --accent: #3399CC;
  --accent-on-light: #2A7DA7;

  /* Color: featured case-study accents */
  --accent-columbia: #00518E;
  --accent-wawa: #BB3336;
  --accent-fidelity: #307E22;
  --accent-humana: #82C44E;
  --accent-humana-on-light: #51812B;
  --accent-solodallas: #666666;

  /* Spacing */
  --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;
  --space-8: 9rem;

  /* Focus */
  --focus-ring: 0 0 0 3px var(--paper), 0 0 0 5px var(--accent-on-light);
}

a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}