/* ══════════════════════════════════════════════════════
   FICHERO GENERADO — NO EDITAR A MANO.
   Fuente: lib/core/constants/ (app de Flutter).
   Regenerar: python3 scripts/generate_web_tokens.py
   ══════════════════════════════════════════════════════ */
:root {
  /* Colores (app_colors.dart) */
  --color-primary: #c88b58;
  --color-primary-container: #fbbe8b;
  --color-on-primary: #ffffff;
  --color-background: #f5f5f5;
  --color-surface: #ffffff;
  --color-text-primary: #1a1a2e;
  --color-text-secondary: #6b7280;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-neutral: #757575;
  --color-divider: #e5e7eb;
  --color-shadow: rgb(0 0 0 / 0.05);
  --color-overlay: rgb(0 0 0 / 0.50);
  --color-success: #4caf50;
  --color-warning: #ffc107;
  --color-warning-strong: #b45309;
  --color-error: #f44336;
  --color-error-soft: #ef9a9a;
  --color-migraine-menstrual: #9099ff;
  --color-migraine-none: var(--color-success);
  --color-migraine-tensional: var(--color-warning);
  --color-migraine-no-aura: var(--color-error-soft);
  --color-migraine-aura: var(--color-error);
  --color-migraine-cluster: var(--color-neutral);

  /* Derivados solo para web: el caramelo de la app no llega a AA como texto
     ni como fondo de botón. Ver scripts/generate_web_tokens.py. */
  --color-primary-ink: #7a4e22;
  --color-primary-soft: #fdebd8;
  --color-background-warm: #fbf7f2;

  /* Espaciado (app_spacing.dart), px */
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 20px;
  --space-xl: 24px;
  --space-xxl: 32px;
  --space-xxxl: 48px;

  /* Radios (app_radius.dart), px */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  /* Tipografía (app_text_styles.dart) */
  --font-size-display: 32px;
  --font-weight-display: 700;
  --font-size-headline: 28px;
  --font-weight-headline: 700;
  --font-size-title: 20px;
  --font-weight-title: 700;
  --font-size-subtitle: 18px;
  --font-weight-subtitle: 600;
  --font-size-body: 16px;
  --font-weight-body: 400;
  --font-size-body-medium: 14px;
  --font-weight-body-medium: 400;
  --font-size-body-small: 13px;
  --font-weight-body-small: 500;
  --font-size-caption: 12px;
  --font-weight-caption: 400;
  --font-size-overline: 12px;
  --font-weight-overline: 700;
  --font-size-label: 11px;
  --font-weight-label: 400;
  --font-size-body-semi-bold: 16px;
  --font-weight-body-semi-bold: 600;
  --font-size-body-medium-semi-bold: 14px;
  --font-weight-body-medium-semi-bold: 600;
  --font-size-caption-semi-bold: 12px;
  --font-weight-caption-semi-bold: 600;
}