/* ============================================================
   SGLCOMPASS — Design tokens
   Dirección "ÓRBITA": espacio profundo + blanco Tesla, super limpio.
   Negro espacial · blanco · acento CARMESÍ de marca (#e51943 → #ff5a7a).
   Impacto visual alto, cero ruido. Geométrico, aeroespacial, moderno.
   (Se conservan los NOMBRES de variables para no romper base.css;
    cambia el significado: papel→blanco, tinta→negro, abismo→espacio,
    latón/ámbar→carmesí de marca.)
   ============================================================ */
:root {
  /* -- Blanco (secciones claras, estilo Tesla: mucho aire) -- */
  --paper:      #ffffff;
  --paper-hi:   #ffffff;
  --paper-2:    #f4f5f8;   /* panel un punto más gris */
  --paper-3:    #e5e7ef;   /* borde de panel */

  /* -- Negro (texto sobre blanco) -- */
  --ink:        #0a0d16;   /* casi negro, frío */
  --ink-soft:   #444b5e;
  --ink-mute:   #79808f;   /* gris frío terciario */
  --ink-faint:  #aab0c1;

  /* -- Espacio profundo (hero, secciones oscuras, footer) -- */
  --abyss:      #04060d;   /* negro espacial (fondo film) */
  --deep:       #070b16;   /* espacio */
  --deep-2:     #0d1322;   /* panel sobre espacio */
  --deep-line:  rgba(184, 198, 236, 0.12);
  --deep-line-2:rgba(184, 198, 236, 0.26);

  /* -- Texto sobre espacio -- */
  --bone:       #eef1fb;   /* blanco frío principal */
  --bone-soft:  #a8b1c9;
  --bone-mute:  #7e88a4;   /* subido de #6c7690 para pasar AA (contraste 5.7 sobre #04060d) */

  /* -- Acentos (CARMESÍ de marca) -- */
  --brass:      #e51943;   /* carmesí primario (= mark) */
  --brass-hi:   #ff5a7a;   /* rosa brillante (sobre oscuro) */
  --brass-deep: #c1102f;   /* carmesí hover / sobre blanco */
  --marine:     #5b8cff;   /* ion azul frío — acento secundario, muy medido */
  --marine-hi:  #86a8ff;

  /* Gradiente de marca (aguja del compás) */
  --grad-brand: linear-gradient(135deg, #ff5a7a 0%, #e51943 100%);

  /* -- Reglas / superficies -- */
  --rule:       rgba(10, 13, 22, 0.12);
  --rule-2:     rgba(10, 13, 22, 0.24);
  --rule-ink:   rgba(10, 13, 22, 0.52);

  /* -- Tipografía (aeroespacial + UI ultralimpia) -- */
  --font-display: "Space Grotesk", "Inter", system-ui, sans-serif;
  --font-body:    "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* Escala tipográfica (fluida, con más impacto que la náutica) */
  --fs-mega:  clamp(3rem, 8.6vw, 7.2rem);
  --fs-h1:    clamp(2.2rem, 5.2vw, 4.3rem);
  --fs-h2:    clamp(1.9rem, 3.8vw, 3.1rem);
  --fs-h3:    clamp(1.3rem, 2vw, 1.75rem);
  --fs-lead:  clamp(1.08rem, 1.4vw, 1.34rem);
  --fs-body:  1.02rem;
  --fs-sm:    0.9rem;
  --fs-mono:  0.73rem;

  /* -- Espaciado / forma (Tesla: aire generoso, esquinas suaves) -- */
  --sp-section: clamp(5.5rem, 12vw, 11rem);
  --radius:     10px;      /* tarjetas suaves, modernas */
  --radius-sm:  6px;
  --radius-pill: 100px;    /* CTAs pill estilo Tesla */
  --container:  1240px;
  --measure:    66ch;

  --ease:     cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}