:root {
  /* ═══════════════════════════════════════
     Design Tokens — Torno Cisneros
     Extraídos del sitio existente
  ═══════════════════════════════════════ */

  /* Brand / Backgrounds */
  --color-forge:       #080C14;
  --color-steel:       #0E1525;
  --color-gunmetal:    #151E30;
  --color-plate:       #1C2840;
  --color-brushed:     #2A3A55;
  --color-chrome:      #6B7E99;
  --color-vapor:       #B8C8DC;
  --color-white:       #E8F0F8;

  /* Brand accent */
  --color-blue:        #1E6FFF;
  --color-blue-dim:    #155ACC;
  --color-blue-glow:   #3B8AFF;
  --color-cyan:        #00CFFF;
  --color-blue-rgb:    30, 111, 255;

  /* Typography */
  --font-heading:      'Barlow Condensed', sans-serif;
  --font-body:         'Barlow', sans-serif;
  --font-mono:         'Share Tech Mono', monospace;

  /* Font sizes */
  --text-xs:   0.6rem;
  --text-sm:   0.68rem;
  --text-base: 0.88rem;
  --text-md:   0.95rem;
  --text-lg:   1.05rem;

  /* Line heights */
  --leading-tight:   1.05;
  --leading-normal:  1.6;
  --leading-relaxed: 1.75;

  /* Spacing */
  --space-xs:  0.25rem;
  --space-sm:  0.5rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 2.5rem;
  --space-3xl: 3rem;
  --space-4xl: 4rem;

  /* Radii */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-xl: 12px;

  /* Shadows */
  --shadow-card:  0 0 40px rgba(30,111,255,.12), 0 0 80px rgba(30,111,255,.05);
  --shadow-glow:  0 0 80px rgba(30,111,255,.45);

  /* Layout */
  --container-max: 1280px;
  --header-height: 88px;

  /* Transitions */
  --ease-out: cubic-bezier(.16,1,.3,1);
  --ease-in: cubic-bezier(.7,0,.84,0);
  --ease-in-out: cubic-bezier(.65,0,.35,1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long: 420ms;
  --transition-fast:  .25s;
  --transition-base:  .35s;
  --transition-slow:  .6s;

  /* Layers */
  --z-cursor:   9999;
  --z-nav:      100;
  --z-overlay:  90;
  --z-grain:    1;
}