/* ===== Design Tokens – DCP Music Records ===== */
/* Single source of truth: colores, tipografía, espaciado, radios, sombras. */
/* Fuente: docs/BRAND_MANUAL.md §7 (Tipografía) y §8 (Paleta de colores)     */

:root {
  /* ── Tipografía ── */
  /* Neogen Black (logotipo/titulares) no está disponible como webfont.
     Alternativa web oficial (manual §7): Montserrat Black para titulares. */
  --dcp-font-sans: 'Montserrat', system-ui, sans-serif;

  /* ── Paleta de marca ── */
  --dcp-lima:        #E8E992; /* Lima Neón (Acústico) — acento y firma */
  --dcp-lima-hover:  #d4d573;
  --dcp-vinilo:      #1B0E08; /* Negro Vinilo (Profundo) — base, dominante */
  --dcp-vinilo-deep: #120906; /* variante más oscura para degradados */
  --dcp-surface:     #241408; /* superficie elevada sobre Negro Vinilo */
  --dcp-white:       #FFFFFF; /* color de apoyo — respiro, papelería */

  /* ── Tokens semánticos (dark-only, Negro Vinilo dominante) ── */
  --dcp-bg:            var(--dcp-vinilo);
  --dcp-bg-deep:       var(--dcp-vinilo-deep);
  --dcp-text:          #F2EFE6;               /* texto principal sobre oscuro */
  --dcp-text-muted:    #B9AE9C;               /* subtítulos, texto secundario */
  --dcp-accent:        var(--dcp-lima);
  --dcp-accent-hover:  var(--dcp-lima-hover);
  --dcp-on-accent:     var(--dcp-vinilo);     /* texto sobre fondo Lima Neón */
  --dcp-border:        rgba(232, 233, 146, 0.16);
  --dcp-nav-bg:        rgba(27, 14, 8, 0.88);
  --dcp-nav-hover-bg:  rgba(232, 233, 146, 0.08);

  /* ── Espaciado (escala 4px) ── */
  --dcp-sp-1: 0.25rem;
  --dcp-sp-2: 0.5rem;
  --dcp-sp-3: 0.75rem;
  --dcp-sp-4: 1rem;
  --dcp-sp-5: 1.5rem;
  --dcp-sp-6: 2rem;
  --dcp-sp-8: 4rem;

  /* ── Radios ── */
  --dcp-radius-sm: 8px;

  /* ── Sombras ── */
  --dcp-shadow-card: 0 8px 25px rgba(0, 0, 0, 0.45);
  --dcp-shadow-cta:  0 8px 30px rgba(232, 233, 146, 0.25);
  --dcp-shadow-cta-hover: 0 12px 40px rgba(232, 233, 146, 0.4);

  /* ── Layout ── */
  --dcp-max-w: 1180px;
  --dcp-nav-h: 72px;

  /* ── Degradado de fondo ── */
  --dcp-bg-grad-color: rgba(232, 233, 146, 0.08);
  --dcp-bg-grad-bottom: var(--dcp-bg-deep);

  /* ── Motion ── */
  --dcp-motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dcp-motion-mid: 700ms;
  --dcp-motion-distance: 24px;
}