/* ─────────────────────────────────────────────
   RESET & BASE VARIABLES
   tito.xennin.com
───────────────────────────────────────────── */

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

:root {
  /* Paleta principal */
  --white:       #ffffff;
  --black:       #0e0e0e;
  --red:         #d42b2b;

  /* Fondos por sección */
  --bg-hero:     #ffffff;
  --bg-alt1:     #f5f0e8;
  --bg-alt2:     #ede8df;
  --bg-expo:     #f0ece3;

  /* Tipografía */
  --muted:       #8a8580;
  --muted-light: #b5b0aa;
  --border:      rgba(14, 14, 14, 0.10);
  --border-med:  rgba(14, 14, 14, 0.18);

  /* Fuentes */
  --sans:  'Inter', system-ui, -apple-system, sans-serif;
  --mono:  'JetBrains Mono', 'Fira Mono', monospace;

  /* Espaciado base */
  --gap:   clamp(1.5rem, 4vw, 3rem);
  --pad-x: clamp(1.25rem, 5vw, 3rem);

  /* Transiciones */
  --ease-out:  cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-expo: cubic-bezier(0.16, 1, 0.3, 1);
}

html {
  font-size: 16px;
  scroll-behavior: auto;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: var(--sans);
  background-color: var(--bg-hero);
  color: var(--black);
  overflow-x: hidden;
  cursor: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

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

button {
  border: none;
  background: none;
  font-family: inherit;
  cursor: none;
}

::selection {
  background: var(--red);
  color: var(--white);
}

::-webkit-scrollbar        { width: 4px; }
::-webkit-scrollbar-track  { background: var(--bg-alt1); }
::-webkit-scrollbar-thumb  { background: var(--muted-light); }
::-webkit-scrollbar-thumb:hover { background: var(--muted); }