/* SCR-01: copy of tokens.css from the design system "weheals Corporate Design"
   (https://claude.ai/artifact/4pfbcxExifYA6vwfbMCD7p). Change values there, then copy again;
   only the font path differs (the font lives in ../../fonts/). */
/* weheals Corporate Design — generated from tokens.json */
@font-face { font-family: "Archivo"; src: url("../../fonts/archivo-latin-wdth-normal.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
:root, [data-theme="light"] {
  --wh-paper: #ffffff;
  --wh-paper-2: #f6f8f7;
  --wh-paper-3: #edf1f1;
  --wh-hairline: #d9e1e2;
  --wh-row-line: #e6ecec;
  --wh-ink: #14262b;
  --wh-ink-muted: #4b5d62;
  --wh-petrol: #005a6b;
  --wh-on-petrol: #ffffff;
  --wh-on-petrol-muted: #c4e3e8;
  --wh-petrol-tint: #dcf0f3;
  --wh-ocker: #c47a12;
  --wh-ocker-bright: #f5a623;
  --wh-ocker-fill: #fad79a;
  --wh-ocker-text: #985c00;
  --wh-positive: #3b6a1f;
  --wh-positive-surface: #e8f1ea;
  --wh-negative: #ad3a2c;
  --wh-negative-surface: #f9e9e6;
  --wh-warning: #8a5d00;
  --wh-warning-surface: #fbf1dc;
  --wh-tick: #7b8b90;
  --wh-field-border: #7b8b90;
  --wh-focus: #005a6b;
  --wh-focus-on-petrol: #f5a623;
  --wh-scrim: rgba(20, 38, 43, 0.5);
  --wh-shadow-raised: 0 2px 8px rgba(20, 38, 43, 0.14);
  --wh-shadow-overlay: 0 8px 24px rgba(20, 38, 43, 0.18);
}
:root {
  --wh-space-1: 4px;
  --wh-space-2: 8px;
  --wh-space-3: 12px;
  --wh-space-4: 16px;
  --wh-space-5: 24px;
  --wh-space-6: 32px;
  --wh-space-7: 48px;
  --wh-space-8: 64px;
  --wh-radius-none: 0px;
  --wh-radius: 2px;
  --wh-radius-lg: 4px;
  --wh-target: 40px;
  --wh-target-min: 24px;
  --wh-row-height: 40px;
  --wh-tick-long: 8px;
  --wh-tick-short: 4px;
  --wh-sidepanel-width: 480px;
  --wh-content-max: 1440px;
  --wh-min-width: 320px;
  --wh-duration-pointer: 240ms;
  --wh-duration-panel: 180ms;
  --font-sans: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
}
.page-title { font-family: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 34px; line-height: 36px; font-weight: 620; letter-spacing: -0.01em; }
.section-title { font-family: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 24px; line-height: 28px; font-weight: 620; }
.kpi-value { font-family: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 34px; line-height: 36px; font-weight: 620; }
.overline { font-family: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.12em; }
.heading-sm { font-family: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 17px; line-height: 24px; font-weight: 600; }
.body { font-family: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 15px; line-height: 22px; font-weight: 400; }
.body-strong { font-family: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 15px; line-height: 22px; font-weight: 600; }
.label { font-family: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 14px; line-height: 20px; font-weight: 500; }
.table { font-family: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 14px; line-height: 20px; font-weight: 400; }
.small { font-family: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 13px; line-height: 18px; font-weight: 400; }
.button { font-family: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 15px; line-height: 20px; font-weight: 600; }