:root{
/* Core — black & greyscale (the primary brand surface) */
--mg-black:#050505;--mg-ink-950:#0A0A0B;--mg-ink-900:#111113;--mg-ink-850:#17171A;--mg-ink-800:#1E1E22;--mg-ink-700:#2A2A2F;--mg-ink-600:#3A3A40;--mg-ink-500:#55555C;--mg-ink-400:#7A7A82;--mg-ink-300:#A3A3AA;--mg-ink-200:#C9C9CE;--mg-ink-100:#E6E6E9;--mg-ink-50:#F4F4F5;--mg-white:#FFFFFF;
/* Brand — sampled from the MAGMA volcano mark */
--mg-ember:#C63440;--mg-lava:#E73829;--mg-flame:#EA3317;--mg-magma:#F05A1D;--mg-crust:#260700;
/* Neon — the moving lava-lamp accents */
--mg-neon-orange:#FF5A1F;--mg-neon-pink:#FF2E93;--mg-neon-yellow:#FFE81A;--mg-neon-lime:#B8FF2E;--mg-neon-cyan:#1FF0FF;--mg-neon-violet:#A35BFF;
/* Semantic */
--mg-success:#B8FF2E;--mg-warning:#FFE81A;--mg-danger:#FF3B4E;--mg-info:#1FF0FF;

/* Aliases */
--bg-page:var(--mg-black);--bg-raised:var(--mg-ink-900);--bg-sunken:#000;
--surface-card:rgba(23,23,26,.72);--surface-glass:rgba(255,255,255,.06);--surface-glass-strong:rgba(255,255,255,.12);--surface-inverse:var(--mg-ink-50);
--text-primary:var(--mg-white);--text-secondary:var(--mg-ink-300);--text-muted:var(--mg-ink-400);--text-inverse:var(--mg-black);--text-accent:var(--mg-neon-orange);
--border-subtle:rgba(255,255,255,.08);--border-default:rgba(255,255,255,.14);--border-strong:rgba(255,255,255,.28);
--accent:var(--mg-neon-orange);--accent-2:var(--mg-neon-pink);--accent-3:var(--mg-neon-yellow);
--focus-ring:var(--mg-neon-cyan);

/* Gradients */
--grad-magma:linear-gradient(160deg,#C63440 0%,#E73829 40%,#F05A1D 75%,#FF8A1F 100%);/* @kind color */
--grad-neon:linear-gradient(120deg,var(--mg-neon-orange),var(--mg-neon-pink),var(--mg-neon-yellow));/* @kind color */
--grad-lava-text:linear-gradient(90deg,#FF5A1F,#FF2E93,#FFE81A,#FF5A1F);/* @kind color */
}