:root{
  /* Color — dirección s3 (Casa Nocturna · Blanco + Negro + dorado) */
  --night:#0e0e0e;          /* fondo oscuro base (nav, hero, marcas, footer) */
  --night-2:#161616;        /* superficie oscura secundaria */
  --char:#1e1e1e;           /* charcoal para bandas (local) */
  --ink:#141414;            /* texto sobre claro, botón sólido oscuro */
  --surface:#ffffff;        /* compat: body / superficies blancas */
  --paper:#ffffff;          /* claro base (cards, reseñas) */
  --paper-2:#f6f5f2;        /* claro alterno (sección productos) */
  --warm:#f4f1ea;           /* texto cálido sobre oscuro */
  --warm-bright:#f7f5ef;    /* títulos sobre oscuro */
  --gold:#C9A24B;           /* acento dorado */
  --gold-light:#e6cf96;     /* dorado claro (sobre oscuro, CTA claro, badges) */
  --gold-ink:#9a7b2e;       /* dorado legible sobre claro (labels, AA) */
  --muted:#55534c;          /* secundario sobre claro */
  --muted-2:#9a9587;        /* terciario sobre claro */
  --muted-d:#cbc7bd;        /* secundario sobre oscuro */
  --muted-d2:#9a9a9a;       /* terciario sobre oscuro */
  --line:#ece9e1;           /* divisor sobre claro */
  --line-d:rgba(230,207,150,.16); /* hairline dorado sobre oscuro */
  --hair:rgba(230,207,150,.5);    /* hairline dorado fuerte */
  --footer-bg:#070707;
  --footer-ink:#a8a8a8;

  /* Spacing scale (4px base) */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px;
  --sp-5:22px; --sp-6:30px; --sp-7:44px; --sp-8:54px; --sp-9:80px;

  /* Radius */
  --r-sm:7px; --r-md:11px; --r-lg:16px; --r-pill:999px;

  /* Shadow */
  --sh-card:0 18px 40px rgba(0,0,0,.10);
  --sh-img:0 12px 16px rgba(0,0,0,.18);
  --sh-prod:0 40px 60px rgba(0,0,0,.7);

  /* Type scale */
  --fs-kicker:11px; --fs-xs:11px; --fs-sm:13px; --fs-base:14px;
  --fs-md:15px; --fs-lg:18px; --fs-h2:33px; --fs-h1:58px;
  --ls-tight:-.025em; --ls-wide:.16em;

  /* Layout */
  --container:1160px;

  /* Motion */
  --ease:cubic-bezier(.22,.61,.36,1);
  --dur:.2s;
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
}