/* ==========================================================================
   Tokens de diseño – Nova Imports
   Colores tomados del logo: azul marino y dorado, sobre un marfil cálido.
   ========================================================================== */
:root {
  --ink: #0f1c2e;
  --ink-2: #3d4a5c;
  --muted: #66727f;
  --line: #e4e0d6;
  --soft: #f7f4ee;      /* marfil */
  --white: #ffffff;

  --brand: #0d3a61;     /* azul marino del logo */
  --brand-700: #0a2d4d;
  --brand-900: #08243e;
  --gold: #bd9f4e;      /* dorado del logo */
  --gold-300: #d6bb70;  /* dorado claro para fondos oscuros */
  --gold-700: #8c6f26;  /* dorado oscuro para texto sobre blanco */

  --accent: #9a2b3a;    /* solo descuentos */
  --ok: #1f7a4d;
  --warn: #8c6f26;
  --danger: #b3261e;
  --wa: #168a46;

  --font: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  --r-sm: 4px;
  --r-md: 6px;
  --r-lg: 10px;
  --max: 1200px;
  --ease: cubic-bezier(.22, 1, .36, 1);
}

/* Animaciones compartidas */
@keyframes rise { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }
@keyframes heroIn { from { opacity: 0; transform: scale(1.12); } to { opacity: 1; transform: scale(1); } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }