/* tokens.css — sistema de diseño de Sitio Élite (del handoff de Claude Design: colores sacados del logo "S").
   Al final, alias con los nombres del portafolio anterior para que el visor y el laboratorio sigan funcionando. */
:root{
  /* tinta: fondos negro azulado */
  --ink-0:#03060b;--ink-1:#070b12;--ink-2:#0c121c;--ink-3:#131b27;--ink-4:#1c2735;
  /* atmósfera azul noche */
  --navy-900:#061424;--navy-800:#0a2038;--navy-700:#11345a;--navy-600:#1d4f80;--navy-500:#2f6aa3;--navy-300:#7fb0e0;
  /* marca */
  --elite-blue-900:#001a8c;--elite-blue-700:#0030d6;--elite-blue-600:#0047ff;--elite-blue-500:#1f6bff;--elite-cyan-500:#0099ff;--elite-cyan-300:#66c2ff;--elite-ice:#eaf2ff;
  /* neutros */
  --white:#fff;--gray-100:#e8edf3;--gray-300:#b9c3cf;--gray-500:#8f9aab;--gray-600:#5e6876;--gray-700:#3a434f;
  /* vidrio */
  --glass-fill:rgba(255,255,255,.05);--glass-fill-strong:rgba(255,255,255,.09);--glass-fill-blue:rgba(79,140,210,.16);
  --glass-border:rgba(255,255,255,.12);--glass-border-strong:rgba(255,255,255,.22);
  --text-primary:#fff;--text-secondary:var(--gray-300);--text-muted:var(--gray-500);
  --border-subtle:rgba(255,255,255,.08);--border-dashed:rgba(255,255,255,.18);
  --gradient-glow:radial-gradient(60% 55% at 50% 100%,rgba(127,176,224,.55) 0%,rgba(47,106,163,.35) 30%,rgba(10,32,56,0) 70%);
  --gradient-ribbon:linear-gradient(90deg,#fff 0%,#66c2ff 45%,#1f6bff 100%);
  /* tipografía */
  --font-display:"Geist","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-wide:"Archivo","Helvetica Neue",Arial,sans-serif;
  --font-body:"Geist","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-mono:"Geist Mono",ui-monospace,Menlo,monospace;
  /* espacio */
  --container-max:1280px;--gutter:clamp(20px,4vw,64px);--section-y:clamp(80px,12vw,160px);
  --radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-xl:32px;
  /* efectos */
  --shadow-card:0 1px 0 0 rgba(255,255,255,.10) inset,0 24px 60px -20px rgba(0,0,0,.7);
  --shadow-pill:0 1px 0 0 rgba(255,255,255,.14) inset,0 8px 24px -8px rgba(0,0,0,.6);
  --shadow-glow-blue:0 0 0 1px rgba(102,194,255,.35),0 0 32px rgba(0,153,255,.35);
  --shadow-button-light:0 1px 0 rgba(255,255,255,.8) inset,0 10px 30px -10px rgba(255,255,255,.35);
  --ease-out:cubic-bezier(.22,1,.36,1);--ease-in-out:cubic-bezier(.65,0,.35,1);
  --dur-fast:140ms;--dur-base:240ms;--dur-slow:600ms;--dur-reveal:900ms;
  --grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.5'/></svg>");

  /* alias del portafolio anterior (visor, laboratorio) */
  --bg:var(--ink-0);--bg-2:var(--ink-2);--card:var(--ink-2);--line:var(--border-subtle);--ink:var(--white);--muted:var(--gray-300);
  --accent:var(--elite-cyan-300);--accent-ink:var(--ink-0);--accent-2:var(--elite-cyan-500);
  --accent-fill:linear-gradient(135deg,#1f6bff,#0047ff);--radius:var(--radius-lg);--shadow:var(--shadow-card);
  --dur-base-s:.45s;
}