/* Colores y fuentes extraídos de fastfruit.com.co el 2026-10-30. */
@font-face {
  font-family: Reigo;
  src: url('./fonts/reigo-black.woff2') format('woff2');
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}
@font-face {
  font-family: Reigo;
  src: url('./fonts/reigo-semibold.woff2') format('woff2');
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: Poppins;
  src: url('./fonts/poppins-latin-400.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Poppins;
  src: url('./fonts/poppins-latin-500.woff2') format('woff2');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: Poppins;
  src: url('./fonts/poppins-latin-600.woff2') format('woff2');
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
:root {
  --ff-green: #8ab246;
  --ff-orange: #fd8a2d;
  --ff-forest: #3e6d12;
  --ff-red: #e63c3c;
  --ff-white: #ffffff;
  --ff-yellow: #fab704;
  --ff-green-soft: #f3f9e8;
  --ff-orange-soft: #fff4e3;

  /* Extensiones de interfaz; no son colores oficiales de la web. */
  --ff-ink: #243321;
  --ff-muted: #5c6857;
  --ff-line: #dce3d6;
  --ff-canvas: #fafbf7;
  --ff-danger: #b62323;
  --ff-on-forest: #ffffff;
  --ff-action: var(--ff-forest);
  --ff-font-display: Reigo, Georgia, serif;
  --ff-font-ui: Poppins, system-ui, sans-serif;
  --ff-radius-sm: 6px;
  --ff-radius-md: 12px;
  --ff-radius-lg: 24px;
  --ff-space-1: 4px;
  --ff-space-2: 8px;
  --ff-space-3: 12px;
  --ff-space-4: 16px;
  --ff-space-6: 24px;
  --ff-space-8: 32px;
  --ff-space-12: 48px;
}