/* ====================================================================
 * OPUS NOVA — tokens compartidos del hub OPUS (:4700)
 * Extraído del design-system de OPUS ai (modulo-0/packages/design-system)
 * Fuente de verdad de la paleta: src/tokens/colors.css (dark-first).
 * ==================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');

:root {
  /* Brand (azul OPUS) */
  --brand:        #0c6fd6;
  --brand-hover:  #2e8bf0;
  --brand-soft:   rgba(12, 111, 214, 0.14);
  --brand-text:   #59a6f5;

  /* Accent (heritage amber) + semánticos */
  --accent:  #f59e0b;
  --green:   #10b981;
  --red:     #ef4444;
  --amber:   #f59e0b;

  /* Superficies (neutrals dark del DS) */
  --bg:      #050810;   /* neutral-0  — página */
  --bg2:     #0a0e18;   /* neutral-5  — barras */
  --card:    #0e1420;   /* neutral-10 — surface */
  --raised:  #141b2b;   /* neutral-15 — inputs/kv */
  --overlay: #1a2236;   /* neutral-20 */

  /* Bordes y texto */
  --line:        rgba(255, 255, 255, 0.10);
  --line-subtle: rgba(255, 255, 255, 0.06);
  --line-strong: rgba(255, 255, 255, 0.18);
  --text:        #f5f6fb;
  --dim:         #b6bbd0;
  --mute:        #8f96b0;

  /* Tipografía */
  --font:         'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Space Grotesk', 'Inter', -apple-system, 'Segoe UI', sans-serif;
  --font-mono:    'JetBrains Mono', 'SF Mono', Consolas, monospace;

  /* Radios y sombras */
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --shadow-8:  0 4px 8px rgba(0, 0, 0, 0.4), 0 0 2px rgba(0, 0, 0, 0.3);
  --shadow-16: 0 8px 16px rgba(0, 0, 0, 0.45), 0 0 2px rgba(0, 0, 0, 0.3);
  --shadow-28: 0 14px 28px rgba(0, 0, 0, 0.5), 0 0 8px rgba(0, 0, 0, 0.35);
  --glow-brand: 0 0 0 1px rgba(12, 111, 214, 0.25), 0 8px 24px rgba(12, 111, 214, 0.18);
}