/* Verged Design System - Website — generated from tokens.json */
:root, [data-theme="light"] {
  --verge-orange: #ec5b29;
  --verge-orange-deep: #c44516;
  --verge-orange-soft: #fbe3d6;
  --verge-navy: #15273f;
  --verge-navy-2: #1f3654;
  --verge-navy-soft: #d5dce4;
  --verge-off-white: #fafafa;
  --verge-stone: #e8e8e8;
  --verge-stone-2: #f2f2f2;
  --verge-ink: #0a1320;
  --verge-white: #ffffff;
  --verge-tide: #2c5a6e;
  --verge-foam: #c7dbe0;
  --verge-fog: #8b97a4;
  --g-coral: #c44516;
  --g-navy: #1f3654;
  --g-tide: #2c5a6e;
  --g-marine: #2e7aa0;
  --g-moss: #2e7d5b;
  --g-amber: #92621a;
  --g-plum: #5b3a52;
  --g-coral-soft: #fbe3d6;
  --g-navy-soft: #d5dce4;
  --g-tide-soft: #c7dbe0;
  --g-marine-soft: #d6e5ee;
  --g-moss-soft: #dceee2;
  --g-amber-soft: #f0e2c7;
  --g-plum-soft: #e8dde5;
  --bg: var(--verge-off-white);
  --bg-elevated: var(--verge-white);
  --bg-inverse: var(--verge-navy);
  --fg: var(--verge-ink);
  --fg-2: #36475c;
  --fg-muted: var(--verge-fog);
  --fg-on-dark: var(--verge-off-white);
  --fg-on-dark-muted: rgba(250,250,250,0.70);
  --accent: var(--verge-orange);
  --accent-fg: var(--verge-white);
  --accent-hover: var(--verge-orange-deep);
  --border: var(--verge-stone);
  --border-strong: var(--verge-navy);
  --divider: rgba(21,39,63,0.12);
  --success: #2e7d5b;
  --warning: #d08914;
  --danger: #c44516;
  --shadow-sm: 0 1px 2px rgba(10,19,32,0.06);
  --shadow: 0 6px 24px rgba(10,19,32,0.08);
  --shadow-lg: 0 24px 60px rgba(10,19,32,0.16);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --radius-sm: 4px;
  --radius: 8px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --font-display: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  --font-mono: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.type-hero { font-family: var(--font-display); font-size: 96px; line-height: 1.05; font-weight: 800; letter-spacing: -0.02em; }
.type-h1 { font-family: var(--font-display); font-size: 64px; line-height: 68px; font-weight: 800; letter-spacing: -0.02em; }
.type-h2 { font-family: var(--font-display); font-size: 40px; line-height: 46px; font-weight: 800; letter-spacing: -0.02em; }
.type-h3 { font-family: var(--font-display); font-size: 28px; line-height: 34px; font-weight: 800; letter-spacing: -0.02em; }
.type-h4 { font-family: var(--font-display); font-size: 22px; line-height: 28px; font-weight: 800; letter-spacing: -0.02em; }
.type-eyebrow { font-family: var(--font-body); font-size: 13px; font-weight: 600; letter-spacing: 0.14em; }
.type-body-lg { font-family: var(--font-body); font-size: 19px; line-height: 28px; font-weight: 400; }
.type-body { font-family: var(--font-body); font-size: 16px; line-height: 1.55; font-weight: 400; }
.type-small { font-family: var(--font-body); font-size: 14px; line-height: 21px; font-weight: 400; }
.type-caption { font-family: var(--font-body); font-size: 12px; font-weight: 400; }