/* Generated from the Momo Home design system tokens.json. Do not edit by hand. */
:root, [data-theme="light"] {
  --surface-000: #FFF5F2;
  --surface-100: #FFFCFA;
  --surface-200: #FCE9EA;
  --line: #EDD5D9;
  --ink: #3F2A31;
  --ink-muted: #7B5F68;
  --ink-on-fill: #3F2A31;
  --pink-100: #FDE4EB;
  --pink-300: #F7B8C9;
  --pink-500: #F29AB2;
  --pink-edge: #D9728F;
  --pink-text: #A8405F;
  --green-100: #E3F2DC;
  --green-300: #C4E3B8;
  --green-500: #9FCF94;
  --green-edge: #6FA866;
  --green-text: #427040;
  --butter-100: #FEF4D6;
  --butter-300: #FBE3A1;
  --lilac-300: #DCCBF2;
  --sky-300: #C3E3F4;
  --danger: #B53835;
  --danger-100: #FBE1DC;
  --focus-ring: var(--green-text);
  --scrim: rgba(63, 42, 49, 0.35);
  --shadow-card: 0 6px 18px rgba(168, 64, 95, 0.08);
  --shadow-pink-edge: 0 4px 0 #D9728F;
  --shadow-green-edge: 0 4px 0 #6FA866;
  --shadow-soft-edge: 0 3px 0 #EDD5D9;
  color-scheme: light;
}
[data-theme="dark"] {
  --surface-000: #261D22;
  --surface-100: #33272E;
  --surface-200: #3F3139;
  --line: #4E3D46;
  --ink: #F9ECEF;
  --ink-muted: #CDB4BC;
  --ink-on-fill: #2A1A20;
  --pink-100: #4A3040;
  --pink-300: #7A4A5E;
  --pink-500: #F29AB2;
  --pink-edge: #B8607D;
  --pink-text: #F6B3C6;
  --green-100: #2F3D2E;
  --green-300: #4D6B49;
  --green-500: #9FCF94;
  --green-edge: #5E8F57;
  --green-text: #A9D89D;
  --butter-100: #3F3827;
  --butter-300: #E9CC7E;
  --lilac-300: #C9B3EC;
  --sky-300: #A9D4EC;
  --danger: #F08A7E;
  --danger-100: #4A2A2A;
  --focus-ring: var(--green-text);
  --scrim: rgba(10, 6, 8, 0.6);
  --shadow-card: 0 6px 18px rgba(0, 0, 0, 0.35);
  --shadow-pink-edge: 0 4px 0 #B8607D;
  --shadow-green-edge: 0 4px 0 #5E8F57;
  --shadow-soft-edge: 0 3px 0 #1C1418;
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --surface-000: #261D22;
    --surface-100: #33272E;
    --surface-200: #3F3139;
    --line: #4E3D46;
    --ink: #F9ECEF;
    --ink-muted: #CDB4BC;
    --ink-on-fill: #2A1A20;
    --pink-100: #4A3040;
    --pink-300: #7A4A5E;
    --pink-500: #F29AB2;
    --pink-edge: #B8607D;
    --pink-text: #F6B3C6;
    --green-100: #2F3D2E;
    --green-300: #4D6B49;
    --green-500: #9FCF94;
    --green-edge: #5E8F57;
    --green-text: #A9D89D;
    --butter-100: #3F3827;
    --butter-300: #E9CC7E;
    --lilac-300: #C9B3EC;
    --sky-300: #A9D4EC;
    --danger: #F08A7E;
    --danger-100: #4A2A2A;
    --focus-ring: var(--green-text);
    --scrim: rgba(10, 6, 8, 0.6);
    --shadow-card: 0 6px 18px rgba(0, 0, 0, 0.35);
    --shadow-pink-edge: 0 4px 0 #B8607D;
    --shadow-green-edge: 0 4px 0 #5E8F57;
    --shadow-soft-edge: 0 3px 0 #1C1418;
    color-scheme: dark;
  }
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-xl: 32px;
  --radius-pill: 999px;
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration-quick: 140ms;
  --duration-pop: 320ms;
  --font-display: "Fredoka", "Nunito", system-ui, sans-serif;
  --font-body: "Nunito", system-ui, sans-serif;
}
.display-xl { font-family: var(--font-display); font-size: 34px; line-height: 38px; font-weight: 700; }
.title-lg { font-family: var(--font-display); font-size: 26px; line-height: 32px; font-weight: 700; }
.title-md { font-family: var(--font-display); font-size: 20px; line-height: 26px; font-weight: 600; }
.title-sm { font-family: var(--font-display); font-size: 17px; line-height: 22px; font-weight: 600; }
.numeric-xl { font-family: var(--font-display); font-size: 64px; line-height: 68px; font-weight: 600; }
.body { font-family: var(--font-body); font-size: 15px; line-height: 22px; font-weight: 500; }
.body-strong { font-family: var(--font-body); font-size: 15px; line-height: 22px; font-weight: 800; }
.step { font-family: var(--font-body); font-size: 22px; line-height: 32px; font-weight: 600; }
.caption { font-family: var(--font-body); font-size: 13px; line-height: 18px; font-weight: 600; }
.micro { font-family: var(--font-body); font-size: 11px; line-height: 14px; font-weight: 700; }