/* ============ VARIABLES ============ */
:root{
  --ink:#1f2328;           /* gris oscuro (no #000) */
  --ink-soft:#40464f;
  --text:#222;
  --muted:#6c6f75;

  --bg:#f5f6f7;
  --white:#fff;
  --line:#eaecef;
  --primary:#3b66ff;

  /* NAV (control centralizado) */
  --nav-h: 56px;           /* alto de la barra */
  --nav-font: 14px;        /* tamaño del texto del menú */
  --nav-gap: 24px;         /* separación entre links */
  --brand-h: 28px;         /* alto del logo */
}

/* ============ RESET ============ */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:"Quicksand", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--ink);
  background:var(--bg);
}
a{color:inherit;text-decoration:none}

/* =======================
   SORA (self-hosted)
   Ubicación: /static/Fonts/sora/*.ttf
   ======================= */
@font-face{
  font-family:"Sora";
  src:url("/static/Fonts/sora/Sora-Thin.ttf") format("truetype");
  font-weight:100; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Sora";
  src:url("/static/Fonts/sora/Sora-ExtraLight.ttf") format("truetype");
  font-weight:200; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Sora";
  src:url("/static/Fonts/sora/Sora-Light.ttf") format("truetype");
  font-weight:300; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Sora";
  src:url("/static/Fonts/sora/Sora-Regular.ttf") format("truetype");
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Sora";
  src:url("/static/Fonts/sora/Sora-Medium.ttf") format("truetype");
  font-weight:500; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Sora";
  src:url("/static/Fonts/sora/Sora-SemiBold.ttf") format("truetype");
  font-weight:600; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Sora";
  src:url("/static/Fonts/sora/Sora-Bold.ttf") format("truetype");
  font-weight:700; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Sora";
  src:url("/static/Fonts/sora/Sora-ExtraBold.ttf") format("truetype");
  font-weight:800; font-style:normal; font-display:swap;
}

/* =======================
   QUICKSAND (self-hosted)
   Ubicación: /static/Fonts/quicksand/*.ttf
   ======================= */
@font-face{
  font-family:"Quicksand";
  src:url("/static/Fonts/quicksand/Quicksand-Light.ttf") format("truetype");
  font-weight:300; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Quicksand";
  src:url("/static/Fonts/quicksand/Quicksand-Regular.ttf") format("truetype");
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Quicksand";
  src:url("/static/Fonts/quicksand/Quicksand-Medium.ttf") format("truetype");
  font-weight:500; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Quicksand";
  src:url("/static/Fonts/quicksand/Quicksand-SemiBold.ttf") format("truetype");
  font-weight:600; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Quicksand";
  src:url("/static/Fonts/quicksand/Quicksand-Bold.ttf") format("truetype");
  font-weight:700; font-style:normal; font-display:swap;
}

/* =======================
   OSWALD (self-hosted)
   Ubicación: /static/Fonts/oswald/*.ttf
   (si ya lo declarás en otro lado, podés ignorar este bloque)
   ======================= */
/* Opcional: si no tenés @font-face de Oswald en otro archivo, agregalo acá */

/* Fuente por defecto del sitio + suavizado */
html, body {
  font-family: "Quicksand", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Titulares relevantes: Sora */
h1, h2, h3,
.hero__title,
.page__title{
  font-family:"Sora", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Ajustes finos de tipografía */
h1, .hero__title { font-weight: 700; letter-spacing: .02em; }
h2, h3 { font-weight: 600; letter-spacing: .01em; }

/* Nav/links del header con peso consistente */
.nav a, .mainnav__link { font-weight: 600; }

/* ============ HEADER (Tesla-like) ============ */
/* Marca y barra superior: Oswald */
.ts-header,
.ts-nav__link{
  font-family:"Oswald", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* (resto de tu CSS sigue EXACTAMENTE igual) */