/* ==========================================================================
   NUVRA360 — Design Tokens
   Derived from Manual de Marca (nuvra360.cl)
   ========================================================================== */
:root {
  /* Brand palette (from el logo oficial NUVRA360: dorado, negro y naranjo) */
  --color-primary: #B98A2E;       /* dorado — "NUVRA" */
  --color-secondary: #2B2620;     /* negro/bronce oscuro — fondo del emblema */
  --color-bg-light: #FFF8F0;      /* fondo crema (legibilidad de la tienda) */
  --color-text-dark: #221C15;     /* texto casi negro cálido */
  --color-cta: #E2661D;           /* naranjo — "360" del logo */

  /* Derived shades (kept within the same family, no bolt-on colors) */
  --color-primary-dark: #8F6A20;
  --color-primary-light: #E7C989;
  --color-secondary-dark: #17130F;
  --color-secondary-light: #4A423A;
  --color-cta-dark: #C1550F;
  --color-bg-white: #FFFFFF;
  --color-border: #ECE0C9;
  --color-success: #2B2620;
  --color-danger: #B3402E;
  --color-footer-bg: #17130F;     /* negro cálido, igual que el fondo del logo */

  /* Typography (from manual de marca) */
  --font-display: 'Montserrat', sans-serif;   /* Títulos */
  --font-heading: 'Poppins', sans-serif;      /* Subtítulos */
  --font-body: 'Lato', sans-serif;            /* Texto */

  /* Type scale */
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.5rem;
  --fs-xl: 2rem;
  --fs-2xl: 2.75rem;
  --fs-3xl: 3.5rem;

  /* Spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;
  --space-8: 96px;

  /* Layout */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --container-max: 1240px;
  --shadow-sm: 0 2px 8px rgba(59, 42, 30, 0.06);
  --shadow-md: 0 8px 24px rgba(59, 42, 30, 0.10);
  --shadow-lg: 0 20px 48px rgba(59, 42, 30, 0.16);

  /* Motion */
  --ease-out: cubic-bezier(.16,1,.3,1);
  --dur-fast: 150ms;
  --dur-med: 300ms;
}
