/* ============================================
   Fairfox Design Tokens
   ============================================ */

:root {
  /* Colors */
  --ink: #2d3748;
  --body-text: #374151;
  --muted: #94a3b8;
  --blue: #1A5080;
  --navy: #1a2332;
  --white: #ffffff;
  --section-bg: #f0f5f9;
  --rule: #dfe6ed;
  --accent-orange: #e8913a;
  --accent-teal: #2A7F7A;
  --hero-orange: #F18328;

  /* Radii */
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-full: 100px;

  /* Layout */
  --max-w: 1080px;
  --page-px: clamp(1.25rem, 5vw, 5vw);

  /* Fonts */
  --font-heading: 'Sora', sans-serif;
  --font-body: 'Open Sans', sans-serif;
}