/* Froxies design tokens. Generated from design/tokens.json; edit that file, not this one. */
:root {
  --brand: #a9d6d0;
  --brand-press: #95cac3;
  --brand-strong: #33726d;
  --brand-soft: #e8f3f1;
  --ink: #1e2f3b;
  --ink-soft: #526470;
  --ink-faint: #667681;
  --ground: #ffffff;
  --band: #f4f7f7;
  --neutral-soft: #edf1f2;
  --line: #dde6e7;
  --line-strong: #81939c;
  --on-brand: #1e2f3b;
  --danger: #a8473f;
  --danger-soft: #f8e9e7;
  --accent: var(--brand-strong);
  --accent-strong: var(--brand-strong);
  --accent-soft: var(--brand-soft);
  --success: var(--ink);
  --success-soft: var(--brand);
  --warn: var(--ink-soft);
  --warn-soft: var(--neutral-soft);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-pill: 999px;
  --shadow-card: 0 1px 2px rgba(30,47,59,0.04), 0 8px 24px rgba(30,47,59,0.06);
  --shadow-bar: 0 -1px 0 #dde6e7, 0 -8px 24px rgba(30,47,59,0.06);
  --touch: 48px;
  --focus-ring: 3px;
  --font-sans: Rubik, system-ui, -apple-system, 'Segoe UI', sans-serif;
}
.display { font-family: var(--font-sans); font-size: 40px; line-height: 46px; font-weight: 700; letter-spacing: -0.5px; }
.display-light { font-family: var(--font-sans); font-size: 40px; line-height: 46px; font-weight: 300; letter-spacing: -0.5px; }
.title { font-family: var(--font-sans); font-size: 26px; line-height: 32px; font-weight: 700; letter-spacing: -0.25px; }
.heading { font-family: var(--font-sans); font-size: 19px; line-height: 26px; font-weight: 600; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 400; }
.body-strong { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 600; }
.small { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.4px; }