/* design-tokens.css — single source of design values (Design Spec §10).
   Custom properties only; no selectors that style existing elements. */
:root {
  /* canvas / surface / hairline */
  --rp-canvas:#F7F8FA; --rp-surface:#FFFFFF; --rp-hairline:#E6E8EC;
  /* text */
  --rp-text-1:#1A1D23; --rp-text-2:#5B6472; --rp-text-3:#8A93A2;
  /* interactive */
  --rp-accent:#2B6CB0;
  /* KDIGO risk semantics */
  --rp-risk-low-fg:#2F855A;  --rp-risk-low-bg:#E6F4EA;
  --rp-risk-mod-fg:#B7791F;  --rp-risk-mod-bg:#FEF6E0;
  --rp-risk-high-fg:#C05621; --rp-risk-high-bg:#FEEBDD;
  --rp-risk-vhigh-fg:#C53030;--rp-risk-vhigh-bg:#FDE8E8;
  /* status — MUST equal the already-built values */
  --rp-warn-fg:#B45309; --rp-warn-bg:#FEF3E2;
  --rp-danger-fg:#B91C1C; --rp-danger-bg:#FDECEC;
  /* type */
  --rp-font: -apple-system, "SF Pro Text", "Inter", "Segoe UI", Roboto, sans-serif;
  --rp-hero-size:48px; --rp-hero-line:52px; --rp-hero-weight:600;
  --rp-label-size:12px; --rp-label-weight:600; --rp-label-track:0.06em;
  --rp-section-size:15px; --rp-section-weight:600;
  --rp-body-size:14px; --rp-body-line:20px;
  --rp-caption-size:12px; --rp-caption-line:16px;
  --rp-mono-size:13px;
  /* space — 4px base */
  --rp-space-1:4px; --rp-space-2:8px; --rp-space-3:12px; --rp-space-4:16px;
  --rp-space-5:20px; --rp-space-6:24px; --rp-space-8:32px;
  --rp-card-pad:24px; --rp-card-pad-mobile:20px;
  /* radius */
  --rp-radius-card:16px; --rp-radius-chip:8px; --rp-radius-btn:10px;
  /* shadow (subtle only) */
  --rp-shadow-1:0 1px 2px rgba(0,0,0,.04);
  --rp-shadow-2:0 4px 12px rgba(0,0,0,.05);
}
@media (max-width:480px){ :root{ --rp-hero-size:36px; --rp-hero-line:40px; --rp-card-pad:var(--rp-card-pad-mobile); } }