/* Generado por `manage.py generar_tokens` desde diseno/tokens.json. No se edita a mano. */
:root {
  --color-surface-app: #FFF7EE;
  --color-surface-card: #FFFFFF;
  --color-surface-sunken: #F7ECDD;
  --color-pastel-peach: #FFE4CC;
  --color-pastel-mint: #D9F2E2;
  --color-pastel-sky: #DCEAFB;
  --color-pastel-butter: #FFF0BF;
  --color-pastel-blush: #FCE1DE;
  --color-pastel-sand: #F2E6D6;
  --color-border-soft: #EBD9C2;
  --color-border-strong: #1F2A37;
  --color-ink: #1F2A37;
  --color-ink-muted: #4E5866;
  --color-action-primary: #B5400F;
  --color-action-primary-edge: #7F2C08;
  --color-action-on-primary: #FFFFFF;
  --color-action-disabled: #EADBC8;
  --color-action-on-disabled: #5C4A36;
  --color-status-ok: #1B6E34;
  --color-status-ok-bg: #DDF3E4;
  --color-status-warning: #6E4A00;
  --color-status-warning-bg: #FFF0BF;
  --color-status-danger: #A61F14;
  --color-status-danger-bg: #FCE1DE;
  --color-status-info: #1D4F91;
  --color-status-info-bg: #DCEAFB;
  --color-whatsapp: #157A36;
  --color-focus: #1D4F91;
  --color-brand-mercadopago: #00B1EA;
  --color-brand-visa: #1A1F71;
  --color-brand-mastercard-red: #EB001B;
  --color-brand-mastercard-yellow: #F79E1B;
  --color-brand-mastercard-overlap: #FF5F00;
  --font-family-heading: Fredoka, ui-rounded, system-ui, sans-serif;
  --font-family-body: "Atkinson Hyperlegible Next", system-ui, sans-serif;
  --font-size-small: 0.9375rem;
  --font-size-body: 1.125rem;
  --font-size-lead: 1.25rem;
  --font-size-h3: 1.3125rem;
  --font-size-h2: 1.625rem;
  --font-size-h1: 2rem;
  --font-size-display: 2.75rem;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-heading: 600;
  --font-line-height-body: 1.5;
  --font-line-height-heading: 1.15;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-card: 22px;
  --radius-control: 14px;
  --radius-pill: 999px;
  --radius-sheet: 28px;
  --border-card: 1.5px;
  --border-control: 2px;
  --size-touch: 48px;
  --size-button: 56px;
  --size-edge: 4px;
  --size-content: 34rem;
  --size-page: 72rem;
  --size-edge-small: 3px;
  --size-focus: 3px;
  --size-mark: 28px;
  --size-step: 36px;
  --size-option: 112px;
  --size-ring: 132px;
  --size-illustration-small: 92px;
  --size-illustration: 320px;
  --size-illustration-large: 420px;
  --size-icon: 22px;
  --size-nav: 72px;
  --size-avatar-large: 72px;
  --size-app-icon: 96px;
  --motion-press: 100ms;
  --motion-change: 600ms;
  --motion-fade: 200ms;
}