/* ============================================================
   ALTAMAR — reset.css
   Normalización + box-sizing + variables globales de diseño.
   Toda la paleta, tipografía, espaciados y sombras del sitio
   se definen UNA sola vez aquí. Ningún otro archivo declara
   colores fuera de estas custom properties.
   ============================================================ */

:root {
  /* Paleta */
  --bg: #0a0805;
  --bg-elevated: #110d09;
  --cream: #efe9dc;
  --cream-dim: #b8ae9b;
  --orange: #c99261;
  --orange-light: #e7ac78;
  --orange-rgb: 201, 146, 97;

  /* Superficies (glassmorphism) */
  --surface: rgba(20, 15, 10, 0.55);
  --surface-strong: rgba(20, 15, 10, 0.78);
  --surface-blur: 18px;

  /* Bordes */
  --border-orange: rgba(var(--orange-rgb), 0.28);
  --border-orange-strong: rgba(var(--orange-rgb), 0.55);

  /* Tipografía */
  --font-heading: 'Antic Slab', serif;
  --font-body: -apple-system, BlinkMacSystemFont, 'Cabin', 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, 'SFMono-Regular', 'Cascadia Mono', Consolas, monospace;

  /* Radios */
  --radius-sm: 2px;
  --radius-md: 4px;

  /* Sombras / glow */
  --shadow-elevate: 0 18px 40px -12px rgba(0, 0, 0, 0.65);
  --glow-orange: 0 0 0 1px rgba(var(--orange-rgb), 0.35), 0 10px 30px -8px rgba(var(--orange-rgb), 0.45);

  /* Easing */
  --ease: cubic-bezier(0.2, 0.9, 0.3, 1);
  --duration-fast: 0.25s;
  --duration-base: 0.5s;
  --duration-slow: 0.9s;

  /* Layout */
  --container-w: 1240px;
  --nav-h: 84px;
  --z-canvas: -2;
  --z-vignette: -1;
  --z-nav: 50;
  --z-progress: 60;
  --z-toast: 70;
}

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

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  min-height: 100vh;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  text-shadow: 0 2px 22px rgba(0, 0, 0, 0.6);
}

img,
picture,
svg {
  display: block;
  max-width: 100%;
}

ul,
ol {
  list-style: none;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
textarea,
select {
  font: inherit;
  color: inherit;
  background: none;
  border: none;
}

button {
  cursor: pointer;
}

h1,
h2,
h3,
h4 {
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: 1.15;
  text-transform: uppercase;
}

em {
  font-style: normal;
  color: var(--orange);
}

:focus-visible {
  outline: 1px solid var(--orange-light);
  outline-offset: 3px;
}

::selection {
  background: rgba(var(--orange-rgb), 0.35);
  color: var(--cream);
}