/* REFRID design tokens — generated from the design system (tokens.json). Light theme. */
:root {
  color-scheme: light;
  --surface: #ffffff;
  --surface-alt: #f6f7f8;
  --surface-raised: #ffffff;
  --line: #e9e9e9;
  --line-strong: #7b8699;
  --ink: #020d26;
  --ink-body: #585e6d;
  --ink-muted: #6d7380;
  --navy: #02416b;
  --navy-deep: #020d26;
  --on-navy: #ffffff;
  --on-dark: #ffffffb3;
  --action: #1565d8;
  --action-hover: #0f52b8;
  --on-action: #ffffff;
  --action-soft: #e8f0fb;
  --action-text: #0f52b8;
  --frost: #19b6c8;
  --frost-soft: #e3f6f8;
  --focus: #0f52b8;
  --success: #1d7a46;
  --warning: #8a5a00;
  --danger: #c23b3b;
  --danger-fill: #e86161;
  --shadow-sm: 0 1px 2px #02416b14, 0 1px 3px #02416b1a;
  --shadow-md: 0 6px 16px -4px #02416b33, 0 2px 4px #02416b14;
  --shadow-lg: 0 20px 40px -12px #02416b40;
  --focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px #0f52b8;
  --focus-ring-on-action: 0 0 0 2px #1565d8, 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: "Poppins", "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; }