/*
  Wellchosen Health theme: pine-deep ("Pine report, deeper")
  Deep pine accent, Newsreader headings and Atkinson Hyperlegible Next body text.
  Every color, font, type size, spacing step and radius lives here as a
  CSS variable on :root. static/site.css only reads these variables.
  To make a new theme, copy this file, change the values, and set
  "theme" in content/site.json to the new file name (without .css).
*/
:root {
  /* Page and ink */
  --color-bg: #ffffff;
  --color-ink: #13201e;
  --color-ink-muted: #475754;
  --color-ink-faint: #5f6f6c;
  --color-line: #d4dedb;
  --color-line-strong: #13201e;

  /* Boxes (cool light gray-green) */
  --color-surface: #eef3f1;
  --color-surface-strong: #e1eae7;
  --color-table-head: #ffffff;
  --color-table-stripe: #f6f9f8;

  /* Accent (deep pine teal) */
  --color-accent: #0a4743;
  --color-accent-hover: #06322f;
  --color-accent-contrast: #ffffff;
  --color-accent-soft: #dde9e7;
  --color-link: #0a4743;
  --color-link-hover: #06322f;
  --color-link-underline: #8db0ab;
  --color-focus: #17766c;
  --color-selection: #cfe5e0;

  /* Header and footer */
  --color-header-bg: #ffffff;
  --color-header-ink: #13201e;
  --color-header-muted: #475754;
  --color-header-line: #d4dedb;
  --color-header-accent: #0a4743;
  --color-footer-bg: #0b2b29;
  --color-footer-ink: #f2f7f5;
  --color-footer-muted: #b4c9c4;
  --color-footer-line: #2b4b47;

  /* Callouts */
  --color-callout-info: #0a4743;
  --color-callout-warning: #9a6a12;
  --color-callout-safety: #13201e;
  --color-callout-bg: #eef3f1;
  --color-sponsored-bg: #ffffff;
  --color-sponsored-line: #7d8d8a;

  /* Verdict badges (used on badges only) */
  --color-clean: #1c6a40;
  --color-clean-bg: #e2f1e7;
  --color-caution: #7a5000;
  --color-caution-bg: #fbefd6;
  --color-avoid: #9a2a20;
  --color-avoid-bg: #f8e2de;

  /* Form states */
  --color-error: #9a2a20;
  --color-success: #1c6a40;
  --color-input-bg: #ffffff;
  --color-input-line: #93a29f;

  /* Fonts (self-hosted in /static, see static/fonts-license.txt) */
  --font-heading: "Newsreader", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --font-body: "Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-ui: "Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --weight-heading: 560;
  --weight-display: 520;
  --weight-strong: 600;
  --weight-ui: 600;
  --tracking-heading: -0.005em;
  --tracking-display: -0.022em;

  /* Type scale */
  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: clamp(1.125rem, 1.07rem + 0.25vw, 1.1875rem);
  --text-md: clamp(1.1875rem, 1.12rem + 0.3vw, 1.3125rem);
  --text-lg: clamp(1.3125rem, 1.2rem + 0.5vw, 1.5rem);
  --text-xl: clamp(1.5rem, 1.32rem + 0.8vw, 1.875rem);
  --text-2xl: clamp(1.75rem, 1.45rem + 1.3vw, 2.375rem);
  --text-3xl: clamp(2.25rem, 1.65rem + 2.6vw, 3.5rem);
  --text-4xl: clamp(2.5rem, 1.7rem + 3.6vw, 4.25rem);
  --leading-body: 1.65;
  --leading-snug: 1.4;
  --leading-heading: 1.18;

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --gutter: clamp(1rem, 0.6rem + 1.8vw, 2rem);
  --measure: 68ch;
  --page-max: 76rem;
  --read-max: 46rem;

  /* Lines and radius */
  --border-thin: 1px;
  --border-rule: 2px;
  --border-thick: 4px;
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 14px;
  --radius-pill: 999px;

  /* Dark bands (utility bar, home hero, footer) and the page head band */
  --color-band: #0b2b29;
  --color-band-raised: #103a37;
  --color-band-ink: #f2f7f5;
  --color-band-muted: #b4c9c4;
  --color-band-line: #2b4b47;
  --color-band-accent: #d3e9e1;
  --color-band-accent-ink: #0b2b29;
  --color-head-bg: #f1f6f4;
  --color-icon-bg: #e0ece8;
  --color-card-line: #d9e3e0;
  --shadow-lift: 0 1px 2px rgba(11, 43, 41, 0.08), 0 18px 40px -12px rgba(11, 43, 41, 0.35);
  --shadow-soft: 0 1px 2px rgba(11, 43, 41, 0.06);
}