/* GENERATED by scripts/gen-famarly-tokens.js from famarly-tokens.json v0.1 (2026-10-01).
 * Do not edit by hand; edit the JSON and re-run. Dark mode is not designed (open). */
:root {
  --fam-color-paper: #F4F0E8;
  --fam-color-dark-paper: #e7e3de;
  --fam-color-card: #FBF8F2;
  --fam-color-line: #E2DACB;
  --fam-color-line-strong: #857F73;
  --fam-color-ink: #1F2A3C;
  --fam-color-ink-muted: #5B6270;
  --fam-color-lake: #4C7089;
  --fam-color-honey: #E0A548;
  --fam-color-oak: #9A6A40;
  --fam-color-danger: #B23B2A;
  --fam-color-sky: #CBDCE6;
  --fam-color-sun: #F1D596;
  --fam-color-sage: #CFD9B8;
  --fam-color-rose: #EBCBC2;
  --fam-role-background: var(--fam-color-paper);
  --fam-role-surface: var(--fam-color-card);
  --fam-role-text: var(--fam-color-ink);
  --fam-role-text-secondary: var(--fam-color-ink-muted);
  --fam-role-trust: var(--fam-color-lake);
  --fam-role-invite: var(--fam-color-honey);
  --fam-role-brand: var(--fam-color-oak);
  --fam-role-destructive: var(--fam-color-danger);
  --fam-role-border: var(--fam-color-line);
  --fam-role-border-strong: var(--fam-color-line-strong);
  --fam-font-heading: 'Gabarito', system-ui, sans-serif;
  --fam-font-body: 'Atkinson Hyperlegible', system-ui, -apple-system, sans-serif;
  --fam-font-handwriting: 'Nothing You Could Do', cursive;
  --fam-type-display-size: 48px;
  --fam-type-display-weight: 800;
  --fam-type-display-line: 1.05;
  --fam-type-display-tracking: -0.02em;
  --fam-type-display-font: var(--fam-font-heading);
  --fam-type-h1-size: 34px;
  --fam-type-h1-weight: 800;
  --fam-type-h1-line: 1.1;
  --fam-type-h1-tracking: -0.02em;
  --fam-type-h1-font: var(--fam-font-heading);
  --fam-type-h2-size: 26px;
  --fam-type-h2-weight: 700;
  --fam-type-h2-line: 1.15;
  --fam-type-h2-tracking: -0.02em;
  --fam-type-h2-font: var(--fam-font-heading);
  --fam-type-h3-size: 21px;
  --fam-type-h3-weight: 700;
  --fam-type-h3-line: 1.2;
  --fam-type-h3-tracking: -0.02em;
  --fam-type-h3-font: var(--fam-font-heading);
  --fam-type-body-large-size: 20px;
  --fam-type-body-large-weight: 400;
  --fam-type-body-large-line: 1.5;
  --fam-type-body-large-font: var(--fam-font-body);
  --fam-type-body-size: 18px;
  --fam-type-body-weight: 400;
  --fam-type-body-line: 1.5;
  --fam-type-body-font: var(--fam-font-body);
  --fam-type-small-size: 15px;
  --fam-type-small-weight: 400;
  --fam-type-small-line: 1.4;
  --fam-type-small-font: var(--fam-font-body);
  --fam-type-label-size: 13px;
  --fam-type-label-weight: 700;
  --fam-type-label-line: 1.2;
  --fam-type-label-tracking: 0.08em;
  --fam-type-label-font: var(--fam-font-body);
  --fam-type-hand-size: 22px;
  --fam-type-hand-weight: 400;
  --fam-type-hand-line: 1.5;
  --fam-type-hand-font: var(--fam-font-handwriting);
  --fam-radius-sm: 8px;
  --fam-radius-md: 12px;
  --fam-radius-lg: 18px;
  --fam-radius-pill: 999px;
  --fam-radius-print-border: 8px;
  --fam-space-1: 4px;
  --fam-space-2: 8px;
  --fam-space-3: 12px;
  --fam-space-4: 16px;
  --fam-space-5: 24px;
  --fam-space-6: 32px;
  --fam-space-7: 48px;
  --fam-space-8: 64px;
  --fam-tap-min: 48px;
  --fam-shadow-card: 0 1px 2px rgba(31, 42, 60, 0.12);
  --fam-shadow-raised: 0 10px 28px -14px rgba(31, 42, 60, 0.45);
  --fam-shadow-print: 0 1px 1px rgba(40, 25, 15, 0.2), 0 12px 22px -10px rgba(40, 25, 15, 0.45);
  --fam-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --fam-dur-fast: 200ms;
  --fam-dur: 300ms;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --fam-dur-fast: 0.01ms;
    --fam-dur: 0.01ms;
  }
}