/* ────────────────────────────────────────────────────────────
   ORIGEN CAFÉ · Design tokens
   Única fuente de verdad para color, tipografía, spacing y motion.
   Cargar ANTES que cualquier otro CSS en todas las páginas.
   Las fuentes (Playfair Display, Montserrat, Cormorant) las carga
   cada página con su propio <link> a Google Fonts.
   ──────────────────────────────────────────────────────────── */
:root {
  /* Color */
  --ink:   #0c0f0b;
  --dark:  #111510;
  --bark:  #1a1f18;
  --green: #3d5c38;
  --moss:  #2a3f26;
  --gold:  #c9b27a;
  --goldd: #a8924f;
  --cream: #f0ead8;
  --muted: #869279;
  --white: #ffffff;
  --danger:  #e07070;
  --success: #7ec87a;

  /* Tipografía */
  --f-display: 'Playfair Display', Georgia, serif;
  --f-body:    'Montserrat', sans-serif;
  --f-italic:  'Cormorant', Georgia, serif;

  /* Spacing — escala 4px */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;

  /* Bordes — la marca es de esquinas rectas */
  --radius: 0;

  /* Motion */
  --ease-out: cubic-bezier(.16,1,.3,1);
  --dur-fast: .2s;
  --dur-base: .3s;
  --dur-slow: .6s;
}

/* Accesibilidad: respetar la preferencia de menos movimiento */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}