/* ============================================================
   FACTURANOVO — DESIGN TOKENS
   Paleta: navy profundo + azul eléctrico + violeta + blanco
   Tipografía: Space Grotesk (display) / Inter (texto) / JetBrains Mono (datos)
   ============================================================ */
:root{
  /* Color */
  --navy-950:#050914;
  --navy-900:#0a1128;
  --navy-800:#0f1b3d;
  --navy-700:#152552;
  --navy-600:#1c3268;
  --blue-500:#2e6bff;
  --blue-400:#5b8bff;
  --blue-300:#8fb0ff;
  --violet-500:#7b5cff;
  --violet-400:#9c85ff;
  --cyan-400:#4ce0ff;
  --white:#ffffff;
  --ink-100:#eef1fb;
  --ink-300:#b7c0dd;
  --ink-400:#98a3c7;
  --ink-500:#7c88ab;
  /* Accessible dark-on-light variants, used automatically inside .card-light (see components.css) */
  --ink-300-onlight:#4b5470;
  --ink-500-onlight:#5b6584;
  --wa-green:#25d366;
  --wa-green-dark:#128c4a;

  /* Gradients */
  --grad-brand: linear-gradient(135deg,var(--blue-500) 0%,var(--violet-500) 100%);
  --grad-hero: radial-gradient(120% 120% at 15% 10%, #16244f 0%, #0a1128 45%, #050914 100%);
  --grad-glow: radial-gradient(60% 60% at 50% 50%, rgba(46,107,255,.35) 0%, rgba(123,92,255,0) 70%);
  --grad-text: linear-gradient(90deg,var(--cyan-400),var(--blue-400) 45%,var(--violet-400));

  /* Surfaces */
  --glass-bg: rgba(255,255,255,0.05);
  --glass-bg-strong: rgba(255,255,255,0.08);
  --glass-border: rgba(255,255,255,0.12);
  --card-light: #ffffff;
  --card-light-border: #e8ecf7;

  /* Type */
  --font-display:'Space Grotesk', 'Inter', sans-serif;
  --font-body:'Inter', sans-serif;
  --font-mono:'JetBrains Mono', monospace;

  /* Radii */
  --r-sm:10px;
  --r-md:16px;
  --r-lg:24px;
  --r-xl:32px;
  --r-pill:999px;

  /* Shadow */
  --shadow-sm: 0 2px 8px rgba(5,9,20,.12);
  --shadow-md: 0 12px 32px -8px rgba(5,9,20,.35);
  --shadow-lg: 0 24px 64px -12px rgba(5,9,20,.5);
  --shadow-glow-blue: 0 0 0 1px rgba(91,139,255,.25), 0 20px 60px -10px rgba(46,107,255,.35);
  --shadow-glow-wa: 0 10px 30px -6px rgba(37,211,102,.55);

  /* Motion */
  --ease-out: cubic-bezier(.16,1,.3,1);
  --ease-spring: cubic-bezier(.34,1.56,.64,1);
  --dur-fast: .18s;
  --dur-med: .4s;
  --dur-slow: .8s;

  /* Layout */
  --maxw: 1280px;
  --pad: clamp(20px, 5vw, 64px);
}

@media (prefers-color-scheme: light){ /* site is intentionally dark-navy brand-led; no light mode swap */ }