/* =====================================================================
   BEATWEAR · Tokens de marca
   Paleta y tipografia derivadas del manual de marca.
   ===================================================================== */
:root {
  /* Paleta */
  --bw-black:    #0A0A0A;
  --bw-pink:     #E91E8C;
  --bw-white:    #FFFFFF;
  --bw-offwhite: #F5F5F5;

  /* Escala de grises sobre negro */
  --bw-ink-900: #0A0A0A;
  --bw-ink-850: #111111;
  --bw-ink-800: #161616;
  --bw-ink-700: #1d1d1d;
  --bw-ink-600: #262626;
  --bw-line:    #2a2a2a;
  --bw-muted:   #8a8a8a;
  --bw-muted-2: #5a5a5a;

  /* Pink tints */
  --bw-pink-soft: rgba(233, 30, 140, 0.12);
  --bw-pink-glow: rgba(233, 30, 140, 0.35);

  /* Tipografia corporativa (Google Fonts: Archivo + Inter) */
  --bw-font-display: 'Archivo', 'Arial Black', Arial, sans-serif;
  --bw-font-body:    'Inter', 'Helvetica Neue', Arial, sans-serif;

  /* Pesos */
  --bw-w-light: 300;
  --bw-w-reg:   400;
  --bw-w-med:   500;
  --bw-w-bold:  700;
  --bw-w-black: 900;

  /* Radios y sombras */
  --bw-radius:    4px;
  --bw-radius-lg: 10px;
  --bw-shadow:    0 10px 40px rgba(0,0,0,0.5);
  --bw-shadow-pink: 0 8px 30px rgba(233, 30, 140, 0.35);

  /* Layout */
  --bw-max:  1200px;
  --bw-gap:  24px;

  /* Transiciones */
  --bw-ease: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}