/* Yeah Market design system. GENERATED by pnpm design:tokens from
   docs/design/tokens.json. Do not edit: change the token, then re-sync. */
@font-face { font-family: 'Outfit'; font-weight: 400; font-style: normal; font-display: block; src: url('fonts/Outfit-400.ttf') format('truetype'); }
@font-face { font-family: 'Outfit'; font-weight: 500; font-style: normal; font-display: block; src: url('fonts/Outfit-500.ttf') format('truetype'); }
@font-face { font-family: 'Outfit'; font-weight: 600; font-style: normal; font-display: block; src: url('fonts/Outfit-600.ttf') format('truetype'); }
@font-face { font-family: 'Outfit'; font-weight: 700; font-style: normal; font-display: block; src: url('fonts/Outfit-700.ttf') format('truetype'); }
@font-face { font-family: 'Outfit'; font-weight: 800; font-style: normal; font-display: block; src: url('fonts/Outfit-800.ttf') format('truetype'); }

:root {
  --color-background: #F6EBCB;
  --color-surface: #FFFAEE;
  --color-primary: #554A5E;
  --color-primary-pressed: #463D4E;
  --color-on-primary: #FFFAEE;
  --color-secondary-pressed: #EBD38F;
  --color-link: #7A5A72;
  --color-text: #2F3033;
  --color-text-secondary: #45464B;
  --color-on-dark: #FFFFFF;
  --color-sign-in: #000000;
  --color-aubergine: #554A5E;
  --color-toast-action: #F6D27A;
  --color-notice-info: #E8DADB;
  --color-notice-error: #D6C1B8;
  --color-error: #7D3F55;
  --color-border: #E9DDBD;
  --color-scrim: rgba(32,33,42,.45);
  --color-cream-2: #F7E9C9;
  --color-track: #E5D7B5;
  --color-focus: #C9B0C4;
  --color-success: #3E9E5E;
  --color-raspberry: #C2475E;
  --color-sage: #9CAF9A;
  --color-stone: #B5B1AC;
  --color-butter: #EDD48F;
  --color-glass-92: rgba(255,244,228,.92);
  --color-glass-45: rgba(255,244,228,.45);
  --color-glass-90: rgba(255,244,228,.9);
  --color-glass-55: rgba(255,244,228,.55);
  --color-white: #FFFFFF;
  --color-sign-in-pressed: #2A2A2A;
  --space-1: 1px;
  --space-2: 2px;
  --space-3: 3px;
  --space-4: 4px;
  --space-5: 5px;
  --space-6: 6px;
  --space-8: 8px;
  --space-9: 9px;
  --space-10: 10px;
  --space-12: 12px;
  --space-14: 14px;
  --space-16: 16px;
  --space-18: 18px;
  --space-20: 20px;
  --space-22: 22px;
  --space-24: 24px;
  --space-28: 28px;
  --space-30: 30px;
  --space-32: 32px;
  --space-40: 40px;
  --space-44: 44px;
  --space-48: 48px;
  --space-60: 60px;
  --space-120: 120px;
  --radius-3: 3px;
  --radius-4: 4px;
  --radius-6: 6px;
  --radius-10: 10px;
  --radius-12: 12px;
  --radius-14: 14px;
  --radius-16: 16px;
  --radius-18: 18px;
  --radius-20: 20px;
  --radius-22: 22px;
  --radius-24: 24px;
  --radius-26: 26px;
  --radius-32: 32px;
  --radius-full: 999px;
  --size-button: 56px;
  --size-touch: 44px;
  --size-illustration: 260px;
  --size-choice: 96px;
  --size-badge: 96px;
  --size-add-card: 120px;
  --size-size-chip: 52px;
  --size-switch-width: 52px;
  --size-switch-height: 32px;
  --size-switch-knob: 28px;
  --size-toast: 52px;
  --size-toast-offset: 104px;
  --size-qr-card: 260px;
  --size-grabber-width: 40px;
  --size-tab-bar: 49px;
  --size-tab-pill-width: 44px;
  --size-tab-pill-height: 28px;
  --size-row: 56px;
  --size-row-icon: 40px;
  --border-width-1: 1px;
  --border-width-3: 3px;
  --border-width-4: 4px;
  --border-width-thin: 1px;
  --border-width-thick: 2px;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-13: 13px;
  --font-size-14: 14px;
  --font-size-15: 15px;
  --font-size-16: 16px;
  --font-size-17: 17px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-24: 24px;
  --font-size-26: 26px;
  --font-size-28: 28px;
  --font-size-30: 30px;
  --font-size-32: 32px;
  --font-size-34: 34px;
  --font-size-52: 52px;
  --font-size-76: 76px;
  --line-height-14: 14px;
  --line-height-15: 15px;
  --line-height-16: 16px;
  --line-height-18: 18px;
  --line-height-19: 19px;
  --line-height-20: 20px;
  --line-height-21: 21px;
  --line-height-22: 22px;
  --line-height-23: 23px;
  --line-height-24: 24px;
  --line-height-25: 25px;
  --line-height-26: 26px;
  --line-height-28: 28px;
  --line-height-30: 30px;
  --line-height-32: 32px;
  --line-height-33: 33px;
  --line-height-34: 34px;
  --line-height-35: 35px;
  --line-height-36: 36px;
  --line-height-38: 38px;
  --line-height-40: 40px;
  --line-height-43: 43px;
  --line-height-52: 52px;
  --line-height-76: 76px;
  --letter-spacing-tight: -0.5px;
  --letter-spacing-wordmark: -1.5px;
  --letter-spacing-wide: 0.4px;
  --letter-spacing-tight-4: -0.4px;
  --letter-spacing-tight-6: -0.6px;
  --letter-spacing-tight-3: -0.3px;
  --letter-spacing-wider: 1px;
  --letter-spacing-tight-8: -0.8px;
  --letter-spacing-tight-25: -2.5px;
  --opacity-45: 0.45;
  --opacity-50: 0.5;
  --opacity-55: 0.55;
  --opacity-60: 0.6;
  --opacity-80: 0.8;
  --opacity-85: 0.85;
  --opacity-disabled: 0.4;
  --scale-pressed: 0.98;
  --scale-pressed-chip: 0.96;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --shadow-card: 0 2px 8px rgba(32,33,42,.08);
  --shadow-sm: 0 2px 6px rgba(32,33,42,.14);
  --shadow-sheet: 0 -4px 16px rgba(32,33,42,.12);
  --shadow-md: 0 8px 24px rgba(32,33,42,.2);
  --shadow-raised: 0 4px 12px rgba(32,33,42,.2);
  --font-sans: 'Outfit', system-ui, sans-serif;
}

::placeholder { color: var(--color-text-secondary); opacity: 1; }