/* Base: variables, reset, logo compartido */
:root {
  --white: #f4f3f0;
  --dim: rgba(244, 243, 240, .5);
  --ease: cubic-bezier(.65, 0, .25, 1);
  --cut: 14px;
  /* Sin fuentes externas: pila del sistema. Para usar una propia, agrega @font-face con archivos en assets/fonts/ */
  --font: "Helvetica Neue", Helvetica, "SF Pro Display", -apple-system, "Segoe UI", Arial, sans-serif;
}

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

html {
  background: #000;
  -webkit-text-size-adjust: 100%;
}

body {
  min-height: 100vh;
  min-height: 100dvh;
  background: #000;
  color: var(--white);
  font-family: var(--font);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

body.is-intro { overflow: hidden; height: 100dvh; }

a { color: inherit; text-decoration: none; -webkit-tap-highlight-color: transparent; }
ul { list-style: none; }
:focus-visible { outline: 1px solid var(--white); outline-offset: 4px; }

/* Logo (SVG con trazos; hereda color) */
.rc-svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linejoin: miter;
  stroke-linecap: square;
}

.sweep { opacity: 0; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition-duration: .01ms !important; }
}