/* variables.css — Custom properties globales y reset base */

*{ margin:0; padding:0; box-sizing:border-box }

:root{
  /* Colores principales */
  --k:  #0a0a0a;
  --k2: #1a1a1a;
  /* Escala de grises */
  --g1: #f5f5f5;
  --g2: #ebebeb;
  --g3: #d0d0d0;
  --g4: #a0a0a0;
  --g5: #6a6a6a;
  /* Blanco */
  --w: #fff;
  /* Semánticos */
  --red: #dc2626;
  /* Layout */
  --r:      6px;
  --cart-w: 400px;
  /* Breakpoints (para referencia en JS si fuera necesario) */
  --bp-mobile: 768px;
}

body{
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  background: var(--w);
  color: var(--k);
  -webkit-font-smoothing: antialiased;
}