/* ============================================================
   PROTON — Tokens del sitio v2
   Extensión pura de Proton OS (saas/diseno/design-system-proton-os.md).
   Fuente de color: clients/proton/brand-guidelines/brand.json
   ============================================================ */

:root {
  /* Color */
  --bg: #050510;            /* Deep Space — jamás negro puro */
  --navy: #1B1464;          /* SOLO superficies (regla de marca) */
  --ink: #F0F0F8;
  --muted: #8B8BA3;
  --cyan: #00D4FF;
  --purple: #B84DFF;
  --magenta: #FF3CAC;
  --green: #00E88F;
  --amber: #FFB800;

  --surface: rgba(255,255,255,0.04);
  --surface-2: rgba(255,255,255,0.08);
  --border: rgba(255,255,255,0.08);
  --border-glow: rgba(0,212,255,0.25);

  /* Gradiente RACIONADO: top-lines, cifras clave. Jamás fondos completos. */
  --grad: linear-gradient(135deg, #00D4FF, #B84DFF, #FF3CAC);
  --top-line: linear-gradient(90deg, transparent, #00D4FF, #FF3CAC, transparent);

  /* Tipografía */
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --font-editorial: Georgia, 'Times New Roman', serif;  /* familia C: acentos */

  /* Forma y movimiento */
  --r-card: 20px;
  --r-el: 12px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);

  /* Layout */
  --maxw: 1180px;
  --gutter: 24px;
  --nav-h: 72px;
}