/* FEWTURE — generated from tokens.json */
:root, [data-theme="light"] {
  --surface: #F6F6F2;
  --surface-raised: #ffffff;
  --surface-sunken: #EDEDE6;
  --ink: #141414;
  --ink-muted: #6b6b64;
  --line: #e2e2dc;
  --line-strong: #8a8a82;
  --brand: #FFC000;
  --on-brand: #141414;
  --brand-soft: #FFF3C7;
  --focus-ring: #141414;
  --success: #1f7a3d;
  --danger: #b3261e;
  --shadow-brand: 0 12px 26px rgba(255,192,0,0.45);
  --shadow-focus: 0 0 0 8px rgba(255,192,0,0.35);
}
[data-theme="dark"] {
  --surface: #050505;
  --surface-raised: #0f0f0f;
  --surface-sunken: #161616;
  --ink: #ffffff;
  --ink-muted: #b3b3ab;
  --line: #2a2a28;
  --line-strong: #8a8a82;
  --brand: #FFC000;
  --on-brand: #141414;
  --brand-soft: #2e2500;
  --focus-ring: #FFC000;
  --success: #5fd38a;
  --danger: #ff8a80;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --space-8: 64px;
  --space-9: 96px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 26px;
  --radius-pill: 99px;
  --font-sans: "Barlow", "Helvetica Neue", Arial, sans-serif;
}
.display { font-family: var(--font-sans); font-size: 58px; line-height: 1.1; font-weight: 400; letter-spacing: -0.5px; }
.h2 { font-family: var(--font-sans); font-size: 38px; line-height: 1.15; font-weight: 400; }
.h3 { font-family: var(--font-sans); font-size: 24px; line-height: 1.25; font-weight: 400; }
.kicker { font-family: var(--font-sans); font-size: 20px; line-height: 1.3; font-weight: 300; }
.lead { font-family: var(--font-sans); font-size: 21px; line-height: 1.55; font-weight: 300; }
.body { font-family: var(--font-sans); font-size: 18px; line-height: 1.6; font-weight: 300; }
.body-sm { font-family: var(--font-sans); font-size: 16px; line-height: 1.55; font-weight: 300; }
.caption { font-family: var(--font-sans); font-size: 13px; line-height: 1.4; font-weight: 400; letter-spacing: 0.3px; }

:root {
  --type-display-size: 58px;
  --type-display-line: 1.1;
  --type-display-weight: 400;
  --type-display-tracking: -0.5px;
  --type-h2-size: 38px;
  --type-h2-line: 1.15;
  --type-h2-weight: 400;
  --type-h3-size: 24px;
  --type-h3-line: 1.25;
  --type-h3-weight: 400;
  --type-kicker-size: 20px;
  --type-kicker-line: 1.3;
  --type-kicker-weight: 300;
  --type-lead-size: 21px;
  --type-lead-line: 1.55;
  --type-lead-weight: 300;
  --type-body-size: 18px;
  --type-body-line: 1.6;
  --type-body-weight: 300;
  --type-body-sm-size: 16px;
  --type-body-sm-line: 1.55;
  --type-body-sm-weight: 300;
  --type-caption-size: 13px;
  --type-caption-line: 1.4;
  --type-caption-weight: 400;
  --type-caption-tracking: 0.3px;
  --type-display-mobile-size: 40px;
}