/* The only place with literal colors; app.css uses these variables.
   Public Sans (SIL OFL 1.1, see /static/fonts/OFL.txt) is served by the app itself. */
@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/static/fonts/public-sans-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/static/fonts/public-sans-latin-500-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/static/fonts/public-sans-latin-600-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/static/fonts/public-sans-latin-700-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/static/fonts/public-sans-latin-800-normal.woff2") format("woff2");
}

:root {
  --color-bg: #f5f8f6;
  --color-surface: #ffffff;
  --color-side: #f5f8f6;
  --color-text: #18211d;
  --color-muted: #5e6b65;
  --color-border: #dde4e0;
  --color-action: #16614a;
  --color-action-strong: #0f4a38;
  --color-brand: #0f4a38;
  --color-on-action: #ffffff;
  --color-action-soft: #e6f2ec;
  --color-alert: #a4271c;
  --color-alert-soft: #fcebe8;
  --color-risk: #b8520a;
  --color-risk-soft: #fdf1e7;
  --color-success: #16614a;
  --color-success-soft: #e6f2ec;

  --font-body: "Public Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial,
    sans-serif;
  --space: 1rem;
  --radius: 8px;
  --tap-height: 3rem;
}