/**
 * Brand tokens — exact palette from xtremetrade.org
 * Light page (#f8fafc) + navy chrome (#0f2b46 / #0a1a2f) + gold (#ffd700) + cyan (#00ffff).
 */
:root {
  --vm-page: #f8fafc;
  --vm-page-alt: #eef2f6;
  --vm-obsidian: #0a1a2f;
  --vm-graphite: #0f2b46;
  --vm-surface: #1a3f62;
  --vm-surface-elevated: #1a2f45;

  --vm-ivory: #ffffff;
  --vm-ink: #1e293b;
  --vm-silver: #94a3b8;
  --vm-muted: #64748b;

  --vm-gold: #ffd700;
  --vm-gold-light: #ffe44d;
  --vm-gold-dark: #ffb800;

  --vm-cyan: #00ffff;
  --vm-cyan-alt: #00f7ff;
  --vm-cyan-soft: #00ff9d;

  --vm-on-brand: #0f2b46;
  --vm-on-dark: #ffffff;

  --vm-emerald: #4caf50;
  --vm-emerald-light: #4cff00;
  --vm-emerald-dark: #15803d;

  --vm-border: #e2e8f0;
  --vm-border-gold: rgba(255, 215, 0, 0.22);
  --vm-border-subtle: rgba(255, 215, 0, 0.12);

  --vm-warning: #ffaa00;
  --vm-error: #c45c5c;
  --vm-error-soft: #b54c4c;
  --vm-info: #7eb6d9;

  --color-background: var(--vm-page);
  --color-background-secondary: var(--vm-page-alt);
  --color-surface: var(--vm-ivory);
  --color-surface-elevated: #f0f4f8;
  --color-text-primary: var(--vm-ink);
  --color-text-secondary: var(--vm-muted);
  --color-text-muted: var(--vm-silver);
  --color-brand: var(--vm-gold);
  --color-brand-hover: var(--vm-gold-light);
  --color-brand-active: var(--vm-gold-dark);
  --color-accent: var(--vm-cyan);
  --color-success: var(--vm-emerald);
  --color-success-strong: var(--vm-emerald-dark);
  --color-success-soft: rgba(76, 175, 80, 0.14);
  --color-warning: var(--vm-warning);
  --color-warning-soft: rgba(255, 170, 0, 0.16);
  --color-error: var(--vm-error);
  --color-error-soft: rgba(196, 92, 92, 0.16);
  --color-info: var(--vm-info);
  --color-border: var(--vm-border);
  --color-border-subtle: rgba(15, 43, 70, 0.08);
  --color-focus: var(--vm-gold);
  --color-shadow: 0 18px 48px rgba(10, 26, 47, 0.12);
  --color-overlay: rgba(10, 26, 47, 0.55);

  --gradient-atmosphere:
    radial-gradient(ellipse 80% 50% at 12% 8%, rgba(255, 215, 0, 0.1), transparent 55%),
    radial-gradient(ellipse 70% 45% at 92% 0%, rgba(26, 63, 98, 0.55), transparent 50%),
    var(--vm-obsidian);
  --gradient-gold: linear-gradient(145deg, var(--vm-gold), var(--vm-gold-dark));
  --gradient-navy: linear-gradient(135deg, #0a1a2f, #1a3f62);
  --gradient-surface: linear-gradient(180deg, #ffffff, #f8fafc);
}