/* ===========================================================
   COOPEN · Design Tokens (mirror de agente-coopen)
   Single source of truth for the HUD aesthetic.
   Si cambian los tokens en el agente, actualizar acá también.
=========================================================== */
:root {
  /* Surface */
  --c-bg:           #030712;
  --c-surface:      rgba(3, 7, 18, 0.78);
  --c-surface-2:    rgba(2, 12, 28, 0.72);
  --c-grid:         #0b1f4a;

  /* Brand */
  --c-cyan:         #00e5ff;
  --c-cyan-soft:    #7dd3fc;
  --c-blue:         #0ea5e9;
  --c-amber:        #fbbf24;
  --c-magenta:      #ff4dd2;
  --c-violet:       #a78bfa;

  /* Text */
  --c-white:        #e2e8f0;
  --c-gray:         #64748b;
  --c-gray-2:       #cbd5e1;
  --c-blue-text:    #38bdf8;

  /* Borders / glow */
  --b-cyan:         1px solid var(--c-cyan);
  --b-cyan-soft:    1px solid rgba(0, 229, 255, .32);
  --glow-cyan:      0 0 14px rgba(0, 229, 255, .55);
  --glow-cyan-soft: 0 0 8px  rgba(0, 229, 255, .35);

  /* Typography */
  --ff-mono:        'Share Tech Mono', ui-monospace, monospace;
  --fs-xs:          max(8px,  .54vw);
  --fs-sm:          max(9px,  .62vw);
  --fs-md:          max(10px, .70vw);
  --fs-lg:          max(11px, .78vw);
  --fs-xl:          max(13px, .92vw);
  --fs-2xl:         max(20px, 1.6vw);
  --fs-3xl:         max(26px, 2.4vw);
  --ls-tight:       .03em;
  --ls-norm:        .06em;
  --ls-wide:        .12em;

  /* Layout */
  --radius-pill:    999px;
  --radius-md:      4px;
}