/* REFRID design tokens — generated from the design system (tokens.json). Light theme. */
:root {
  color-scheme: light;
  --surface: #ffffff;
  --surface-alt: #f0f8fd;
  --surface-raised: #ffffff;
  --line: #dce4e9;
  --line-strong: #8093a4;
  --ink: #0c2738;
  --ink-body: #566b7a;
  --ink-muted: #637888;
  --navy: #0c2738;
  --navy-deep: #081b27;
  --on-navy: #ffffff;
  --on-dark: #ffffffb3;
  --action: #007773;
  --action-hover: #00605d;
  --on-action: #ffffff;
  --action-soft: #e0f5f4;
  --action-text: #007773;
  --brand: #00aaa6;
  --sky: #58a1d1;
  --frost: #9ed8ff;
  --frost-soft: #d1edff;
  --focus: #007773;
  --success: #1d7a46;
  --warning: #8a5a00;
  --danger: #c23b3b;
  --danger-fill: #e86161;
  --shadow-sm: 0 1px 2px #0c273814, 0 1px 3px #0c27381a;
  --shadow-md: 0 6px 16px -4px #0c273833, 0 2px 4px #0c273814;
  --shadow-lg: 0 20px 40px -12px #0c273840;
  --focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px #007773;
  --focus-ring-on-action: 0 0 0 2px #007773, 0 0 0 4px #ffffff;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --container: 1170px;
  --gutter: 30px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-full: 9999px;
  --font-sans: "Roboto", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
  --font-display: "Montserrat", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
}
.display { font-size: 56px; line-height: 60px; font-weight: 700; letter-spacing: 0.01em; }
.h1 { font-size: 45px; line-height: 54px; font-weight: 500; }
.h2 { font-size: 32px; line-height: 40px; font-weight: 700; }
.h3 { font-size: 28px; line-height: 36px; font-weight: 700; }
.h4 { font-size: 22px; line-height: 30px; font-weight: 600; }
.h5 { font-size: 18px; line-height: 26px; font-weight: 600; }
.h6 { font-size: 16px; line-height: 24px; font-weight: 600; }
.lead { font-size: 18px; line-height: 30px; font-weight: 400; }
.body { font-size: 15px; line-height: 26px; font-weight: 400; }
.small { font-size: 14px; line-height: 22px; font-weight: 400; }
.eyebrow { font-size: 13px; line-height: 20px; font-weight: 600; letter-spacing: 0.12em; }
.button { font-size: 15px; line-height: 24px; font-weight: 600; }
.stat { font-size: 44px; line-height: 48px; font-weight: 700; }