/* ABEL.DEV · Tokens de diseño (tema claro por defecto) */
:root {
  --bg: #F5F8FC;
  --surface: #FFFFFF;
  --glass: rgba(255, 255, 255, 0.55);
  --glass-strong: rgba(255, 255, 255, 0.82);
  --glass-edge: rgba(255, 255, 255, 0.85);
  --blue: #3B82F6;
  --navy: #0A192F;
  --mint: #00FFB2;
  --cyan: #22D3EE;
  --purple: #7C3AED;
  --violet: #A78BFA;
  --text: #0A192F;
  --text-2: #64748B;
  --accent: #2563EB;          /* azul con contraste AA para texto y botones */
  --accent-contrast: #FFFFFF;
  --line: rgba(10, 25, 47, 0.09);
  --shadow: 0 12px 40px -14px rgba(10, 25, 47, 0.20), 0 2px 6px rgba(10, 25, 47, 0.05);
  --shadow-lift: 0 22px 50px -16px rgba(37, 99, 235, 0.30), 0 2px 8px rgba(10, 25, 47, 0.06);
  --shine: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0) 42%);
  --grad: linear-gradient(120deg, #3B82F6, #22D3EE 55%, #7C3AED);
  --blob-1: rgba(59, 130, 246, 0.30);
  --blob-2: rgba(34, 211, 238, 0.26);
  --blob-3: rgba(167, 139, 250, 0.30);
  --particle: 59, 130, 246;
  --ok: #047857;
  --warn: #B45309;
  --err: #B91C1C;

  --font-ui: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-code: 'Fira Code', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --r-sm: 12px;
  --r-md: 20px;
  --r-lg: 28px;
  --r-pill: 999px;
  --blur: blur(22px) saturate(160%);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --container: 1180px;
  color-scheme: light;
}

:root[data-theme='dark'] {
  --bg: #050C18;
  --surface: #0A192F;
  --glass: rgba(10, 25, 47, 0.55);
  --glass-strong: rgba(8, 20, 38, 0.86);
  --glass-edge: rgba(255, 255, 255, 0.13);
  --text: #E8F0FA;
  --text-2: #9FB0C7;
  --accent: #00FFB2;
  --accent-contrast: #0A192F;
  --line: rgba(255, 255, 255, 0.10);
  --shadow: 0 16px 50px -16px rgba(0, 0, 0, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  --shadow-lift: 0 24px 60px -18px rgba(0, 255, 178, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  --shine: linear-gradient(135deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0) 45%);
  --grad: linear-gradient(120deg, #00FFB2, #22D3EE 50%, #7C3AED);
  --blob-1: rgba(0, 255, 178, 0.16);
  --blob-2: rgba(34, 211, 238, 0.16);
  --blob-3: rgba(124, 58, 237, 0.26);
  --particle: 0, 255, 178;
  --ok: #34D399;
  --warn: #FBBF24;
  --err: #F87171;
  color-scheme: dark;
}