/* Design tokens: colors, type scale, spacing/radius — see docs/ and README.md for source. */

@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/nunito-700-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('../fonts/nunito-sans-latin-variable.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Colors */
  --bg: #F5F9FA;
  --surface: #FFFFFF;
  --sky: #DCEAF6;
  --sky-hover: #CCDFF1;
  --mint: #D5EEE8;
  --mint-hover: #C6E6DE;
  --teal: #1F6F6A;
  --teal-hover: #185A56;
  --sage: #5F7D5A;
  --sage-hover: #4C6547;
  --sage-text: #567350;
  --ink: #1B2A33;
  --muted: #4A5A63;
  --rose: #EEDDE0;
  --periwinkle: #DCE0F0;
  --icon-green: #2D7358;
  --icon-blue: #2F5F8F;
  --border: #DCE3E7;
  --divider: #E6ECEF;
  --footer-muted: #C9D5DB;

  /* Type */
  --font-heading: 'Nunito', system-ui, sans-serif;
  --font-body: 'Nunito Sans', system-ui, sans-serif;

  /* Layout */
  --content-max: 1120px;
  --gutter: clamp(20px, 5vw, 40px);
  --radius-pill: 999px;
  --radius-band: 28px;
  --radius-card: 24px;
  --radius-list: 20px;
  --radius-panel: 18px;
  --radius-small: 14px;
}