@charset "UTF-8";

/* ===========================
   CORE — VARIABLES + RESET
   =========================== */

:root {
  /* Tipografía */
  --font-main: "neue-haas-grotesk-text", sans-serif;

  /* Colores base */
  --black: #000000;
  --black-soft: #0d0d0d;
  --gray-dark: #111111;
  --gray-mid: #b3b3b3;
  --gray-light: #eaeaea;
  --white: #ffffff;

  /* Acentos */
  --accent-orange: #ff9c00;
  --accent-purple: #6901fe;

  /* Sombras */
  --shadow-soft: 0 0 24px rgba(0,0,0,0.35);

  /* Bordes */
  --radius: 12px;

  /* Spacing */
  --space-xs: 6px;
  --space-sm: 12px;
  --space-md: 24px;
  --space-lg: 48px;
  --space-xl: 72px;

  /* Tipografía */
  --h1: 3.4rem;
  --h2: 2.2rem;
  --h3: 1.35rem;
  --p: 1rem;
  --small: 0.85rem;
}

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

html, body {
  font-family: var(--font-main);
  background: var(--black);
  color: var(--white);
  scroll-behavior: smooth;
}

img {
  width: 100%;
  display: block;
}

ul { list-style: none; }
a { color: inherit; text-decoration: none; }