:root {
  /* CORE — oscuro técnico */
  --void:              #0A0A0B;
  --carbon:            #141416;
  --slate:             #1E1E22;
  --steel:             #2A2A30;

  /* Texto + líneas */
  --bone:              #F2F1ED;
  --ash:               #B8B7B1;
  --graphite:          #6E6D69;
  --hairline:          #38383E;

  /* Acento paramétrico */
  --param-cyan:        #6FE3D2;
  --param-cyan-soft:   rgba(111, 227, 210, 0.12);
  --param-glow:        #A4FFEC;
  --param-amber:       #E8A857;

  /* Estructura */
  --grid-line:         rgba(255, 255, 255, 0.04);
  --grid-line-strong:  rgba(255, 255, 255, 0.10);
  --measure-line:      rgba(111, 227, 210, 0.30);

  /* Tipografía fluida */
  --fs-mono-xs:   clamp(0.68rem, 0.66rem + 0.1vw, 0.76rem);
  --fs-mono:      clamp(0.78rem, 0.76rem + 0.1vw, 0.86rem);
  --fs-sm:        clamp(0.85rem, 0.83rem + 0.1vw, 0.95rem);
  --fs-body:      clamp(1.00rem, 0.97rem + 0.15vw, 1.13rem);
  --fs-lg:        clamp(1.15rem, 1.05rem + 0.5vw, 1.35rem);
  --fs-h3:        clamp(1.50rem, 1.30rem + 1.0vw, 2.20rem);
  --fs-h2:        clamp(2.20rem, 1.80rem + 2.0vw, 3.80rem);
  --fs-h1:        clamp(3.20rem, 2.40rem + 4.0vw, 6.50rem);
  --fs-display:   clamp(4.50rem, 3.00rem + 7.0vw, 11.0rem);

  /* Espaciado 8pt */
  --sp-1: 0.5rem;
  --sp-2: 1rem;
  --sp-3: 1.5rem;
  --sp-4: 2rem;
  --sp-6: 3rem;
  --sp-8: 4rem;
  --sp-12: 6rem;
  --sp-16: 8rem;
  --sp-24: 12rem;

  --container-narrow: 72rem;
  --container-wide:   84rem;
  --container-ultra:  96rem;
  --page-max:         110rem;

  /* Tipografía families */
  --ff-display: 'Space Grotesk', 'Helvetica Neue', sans-serif;
  --ff-ui: 'Inter', 'Helvetica Neue', sans-serif;
  --ff-mono: 'JetBrains Mono', 'IBM Plex Mono', monospace;
}