/*
 * Tokens de diseño — PROVISIONALES, sin marca. Fuente: DESIGN.md §3–4.
 * Una marca futura los redefine en css/theme-<marca>.css bajo
 * :root[data-brand="<marca>"]. No uses colores sueltos en otros CSS.
 */
:root {
  color-scheme: light;
  --bg: #F6F7F4;
  --surface: #FFFFFF;
  --surface-2: #EEF1EC;
  --ink: #18231C;
  --ink-2: #4A5A50;
  --ink-3: #6B7A70;
  --border: #DCE2DC;
  --border-strong: #B9C4BB;

  --primary: #1F6B3A;
  --primary-hover: #18562F;
  --primary-tint: #E3F0E6;
  --on-primary: #FFFFFF;

  /* Etiquetas de catálogo: promoción/destacado y novedad. */
  --promo: #E3F0E6;
  --on-promo: #1F6B3A;
  --novelty: #E3ECF8;
  --on-novelty: #1F4E8A;

  --approx: #8A5300;
  --approx-tint: #FCEFD9;
  --danger: #B3261E;
  --danger-tint: #F8E3E1;
  --info: #1F4E8A;
  --info-tint: #E3ECF8;

  --focus: #1F4E8A;
  --overlay: rgba(24, 35, 28, 0.5);
  --shadow-sm: none;
  --shadow: 0 1px 2px rgba(24, 35, 28, 0.06), 0 4px 16px rgba(24, 35, 28, 0.08);

  --font: "Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: var(--font);
  --font-num: "Atkinson Hyperlegible Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;

  --fs-xs: 0.875rem;  /* 14px a base 16 → ver body */
  --fs-sm: 0.9375rem;
  --fs-md: 1.0625rem; /* 17px */
  --fs-lg: 1.1875rem; /* 19px */
  --fs-xl: 1.375rem;  /* 22px */
  --fs-2xl: 1.75rem;  /* 28px */

  --r-sm: 8px;
  --r-md: 14px;
  --r-pill: 999px;

  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 48px;

  --tap: 48px;
  --header-h: 112px;
  --dur: 180ms;
  --ease: cubic-bezier(0.2, 0, 0, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur: 0ms; }
}