/* CHKDAT marketing design tokens — Phase 2 */
/* <!-- chkdat-phase2 --> */
:root {
  /* Brand (do not invent a second palette) */
  --brand: #2F5597;
  --brand-dark: #1E3A6E;
  --brand-light: #3D6BB5;
  --brand-glow: rgba(47, 85, 151, 0.12);
  --accent: #E37400;
  --accent-light: #F59E2F;

  /* Text / surface */
  --text: #1E1E1E;
  --text-muted: #5F6368;
  --text-dim: #80868B;
  --surface: #FFFFFF;
  --bg: #F5F6F7;
  --bg-alt: #EEF1F5;
  --border: #DADCE0;
  --success: #188038;
  --danger: #C5221F;
  --footer-bg: #1A2530;
  --footer-muted: #9AA0A6;
  --footer-heading: #E6E8EA;

  /* Type scale (tightened) */
  --font-sans: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --text-xs: 0.78rem;
  --text-sm: 0.88rem;
  --text-md: 0.95rem;
  --text-base: 1rem;
  --text-lg: 1.15rem;
  --text-xl: 1.5rem;
  --text-2xl: 2rem;
  --text-3xl: 2.5rem;
  --leading-tight: 1.25;
  --leading-snug: 1.45;
  --leading-normal: 1.6;
  --tracking-tight: -0.5px;
  --tracking-wide: 1px;

  /* Space — 4/8 scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --space-8: 48px;
  --space-9: 64px;
  --space-10: 80px;
  --nav-height: 64px;
  --container: 1140px;

  /* Radii / shadows / motion */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --shadow-sm: 0 1px 3px rgba(60, 64, 67, 0.08);
  --shadow-md: 0 4px 12px rgba(60, 64, 67, 0.10);
  --shadow-lg: 0 8px 30px rgba(60, 64, 67, 0.12);
  --shadow-xl: 0 16px 48px rgba(47, 85, 151, 0.14);
  --transition: 0.2s ease;
  --transition-slow: 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --transition: 0.01ms;
    --transition-slow: 0.01ms;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  .fade-up,
  .fade-up.delay-1,
  .fade-up.delay-2,
  .fade-up.delay-3,
  .fade-up.delay-4,
  .fade-up.delay-5 {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}