/* Arpada Trading — tokens. Generado desde el Design System (claude.ai). Las fuentes las declara static/web/css/fonts.css. */
:root, [data-theme="dark"] {
  --arpada-navy-deep: #081426;
  --arpada-ink: #0b1b2f;
  --arpada-navy-mid: #0e2038;
  --arpada-navy: #122844;
  --arpada-card-top: rgba(13, 30, 54, 0.5);
  --arpada-card-bottom: rgba(10, 23, 41, 0.5);
  --arpada-glass-top: rgba(13, 30, 54, 0.85);
  --arpada-glass-bottom: rgba(10, 23, 41, 0.88);
  --arpada-section-from: #0a1628;
  --arpada-section-to: #1a2642;
  --arpada-navbar-glass: rgba(8, 20, 38, 0.78);
  --arpada-cyan: #1fbfd4;
  --arpada-cyan-bright: #22d3ee;
  --arpada-cyan-soft: rgba(34, 211, 238, 0.10);
  --arpada-cyan-line: rgba(31, 191, 212, 0.25);
  --arpada-line: rgba(255, 255, 255, 0.08);
  --arpada-line2: rgba(255, 255, 255, 0.16);
  --arpada-text: #e8eef6;
  --arpada-muted: rgba(232, 238, 246, 0.65);
  --arpada-dim: rgba(232, 238, 246, 0.42);
  --arpada-green: #3ddc97;
  --arpada-green-soft: rgba(61, 220, 151, 0.1);
  --arpada-red: #ff6b6b;
  --arpada-red-soft: rgba(255, 107, 107, 0.1);
  --arpada-amber: #f5b544;
  --arpada-amber-soft: rgba(245, 181, 68, 0.12);
  --shadow-card-hover: 0 8px 30px rgba(0, 0, 0, 0.3);
  --shadow-glass: 0 30px 80px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  --shadow-cta: 0 8px 20px rgba(31, 191, 212, 0.3);
  --shadow-banner: 0 12px 40px rgba(0, 0, 0, 0.5);
}
:root {
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-60: 60px;
  --space-80: 80px;
  --space-100: 100px;
  --radius-4: 4px;
  --radius-6: 6px;
  --radius-8: 8px;
  --radius-10: 10px;
  --radius-12: 12px;
  --radius-14: 14px;
  --radius-16: 16px;
  --radius-18: 18px;
  --radius-pill: 100px;
  --blur-card: 10px;
  --blur-navbar: 18px;
  --blur-glass: 20px;
  --container-max: 1320px;
  --container-gutter: 24px;
  --gutter-mobile: 16px;
  --bp-sm: 640px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --touch-min: 44px;
  --font-sans: Inter, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "Courier New", monospace;
  --font-serif: Georgia, serif;
}