/**
 * Fase 2 — Rediseño Abasto Soluciones.
 * Fuente de verdad de los tokens: ../../../brand-tokens.css (fuera del tema,
 * versionado junto al manual). Este archivo la aplica + declara las fuentes.
 * Ver docs/marca/ para el manual completo.
 */

@font-face {
  font-family: 'Intro';
  src: url('../fonts/Intro.otf') format('opentype');
  font-weight: 400 800; /* solo tenemos el peso Regular (licencia gratuita);
                            los títulos aplican negrita vía CSS sobre este rango */
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-VariableFont_wght.ttf') format('truetype-variations');
  font-weight: 200 800;
  font-display: swap;
}

:root {
  --abasto-azul: #0058A3;
  --abasto-azul-oscuro: #043e72;
  --abasto-rojo: #DB272F;
  --abasto-negro: #1C1C1B;
  --abasto-tierra-oscuro: #8B7F79;
  --abasto-tierra-medio: #BBAFA9;
  --abasto-tierra-claro: #DCD7D2;
  --abasto-blanco: #FFFFFF;
  --abasto-papel: #FBFAF8;
  --abasto-muted: #6f6b67;
  --abasto-linea: #e7e3dd;

  --abasto-font-display: 'Intro', 'Manrope', system-ui, sans-serif;
  --abasto-font-text: 'Manrope', system-ui, sans-serif;

  --abasto-space-sm: 14px;
  --abasto-space-md: 26px;
  --abasto-space-lg: 40px;
  --abasto-space-section: 84px;

  --abasto-radius-card: 12px;
  --abasto-radius-panel: 16px;
  --abasto-border-card: 1px solid var(--abasto-linea);
}