:root {
  --color-black: #0A0A0A;
  --color-white: #FAFAFA;

  --color-carbon: #505058;
  --color-carbon-light: #707078;
  /* Texto gris sobre fondo negro — más claro que --color-carbon-light para
     cumplir contraste legible (mismo criterio usado en bunkermexico.mx/wwwga). */
  --color-carbon-ondark: #A6A6AE;

  --color-accent-red: #D8262F;
  --color-accent-red-hover: #B81F27;

  --font-oswald: "Bebas Neue", "Oswald", sans-serif;
  --font-inter: "Barlow", "Inter", sans-serif;

  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 40px;
  --space-xl: 72px;

  --content-max-width: 1200px;
}

.shell { max-width: var(--content-max-width); margin: 0 auto; padding: 0 var(--space-md); box-sizing: border-box; }

* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: var(--font-inter);
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-black);
  background: var(--color-white);
}
h1, h2, h3, h4 { font-family: var(--font-oswald); margin: 0; }
img { max-width: 100%; }