/* Generated from assets/anyway/design-tokens.json. Run npm run tokens. */
:root {
  --color-ivory: #FBF4E8;
  --color-paper: #FFFDF8;
  --color-ink: #073D43;
  --color-teal: #086C70;
  --color-aqua: #2BB6AC;
  --color-sage: #A8C8B3;
  --color-gold: #C7A56B;
  --color-sun: #F2DDB4;
  --color-night: #052B30;
  --color-nightPaper: #0B4147;
  --color-lightMuted: #49635F;
  --color-darkMuted: #BED0C6;
  --color-lightLine: #C4CEC2;
  --color-darkLine: #50746D;
  --color-archEmpty: #E0E3D5;
  --color-archLine: #B5C3B5;
  --color-shadowSoft: #073D4308;
  --color-shadowPhone: #052B3022;
  --color-shadowPaper: #073D4312;
  --color-shadowIcon: #052B3018;
  --color-scrim: #052B3070;
  --type-bodyLatin: Manrope, Arial, sans-serif;
  --type-displayLatin: Georgia, 'Times New Roman', serif;
  --type-hebrew: Assistant, Arial, sans-serif;
  --type-body: 1.125rem;
  --type-small: 1rem;
  --type-lead: 1.25rem;
  --type-lineHeight: 1.7;
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 5rem;
  --space-7: 7.5rem;
  --radius-button: 999px;
  --radius-card: 1.5rem;
  --radius-phone: 2.75rem;
  --motion-quick: 160ms;
  --motion-settle: 360ms;
  --motion-ease: cubic-bezier(.2,.8,.2,1);
  --motion-reduced: 0.01ms;
  --canvas: var(--color-ivory);
  --paper: var(--color-paper);
  --text: var(--color-ink);
  --muted: var(--color-lightMuted);
  --accent: var(--color-teal);
  --line: var(--color-lightLine);
  --soft: var(--color-sage);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --canvas: var(--color-night);
  --paper: var(--color-nightPaper);
  --text: var(--color-ivory);
  --muted: var(--color-darkMuted);
  --accent: var(--color-aqua);
  --line: var(--color-darkLine);
  --soft: var(--color-nightPaper);
  color-scheme: dark;
} }
:root[data-theme="dark"] {
  --canvas: var(--color-night);
  --paper: var(--color-nightPaper);
  --text: var(--color-ivory);
  --muted: var(--color-darkMuted);
  --accent: var(--color-aqua);
  --line: var(--color-darkLine);
  --soft: var(--color-nightPaper);
  color-scheme: dark;
}
