/* MT Academy UI Foundation — Design Tokens */
:root{
 --mta-font:"Montserrat","Avenir Next","Segoe UI",Arial,sans-serif;
 --mta-mono:"JetBrains Mono","Cascadia Code",Consolas,"Courier New",monospace;
 --mta-green:#55ef72;
 --mta-green-strong:#31d95a;
 --mta-green-soft:#17301f;
 --mta-on-green:#061309;
 --mta-amber:#e4b65c;
 --mta-red:#f07a80;
 --mta-blue:#79b7ff;
 --mta-bg:#000;
 --mta-surface:#070c08;
 --mta-surface-2:#0b120d;
 --mta-surface-3:#101812;
 --mta-text:#f3f7f4;
 --mta-muted:#92a198;
 --mta-faint:#657269;
 --mta-border:#203126;
 --mta-border-strong:#31503a;
 --mta-shadow:0 18px 50px rgba(0,0,0,.22);
 --mta-radius-sm:7px;
 --mta-radius:10px;
 --mta-radius-lg:14px;
 --mta-control-sm:32px;
 --mta-control:38px;
 --mta-control-lg:44px;
 --mta-space-1:4px;
 --mta-space-2:8px;
 --mta-space-3:12px;
 --mta-space-4:16px;
 --mta-space-5:20px;
 --mta-space-6:24px;
 --mta-space-7:32px;
 --mta-space-8:40px;
 --mta-content:1180px;
 --mta-reading:900px;
 --mta-sidebar:280px;
}
html.mta-ui-light{
 --mta-bg:#f4f7f5;
 --mta-surface:#fff;
 --mta-surface-2:#f8fbf9;
 --mta-surface-3:#edf5f0;
 --mta-text:#152b1f;
 --mta-muted:#5e7165;
 --mta-faint:#7d8d83;
 --mta-border:#d1ded5;
 --mta-border-strong:#a8c9b3;
 --mta-green:#0f8b48;
 --mta-green-strong:#08783d;
 --mta-green-soft:#e7f6ec;
 --mta-on-green:#fff;
 --mta-amber:#9a690d;
 --mta-red:#ad3e46;
 --mta-blue:#236bc4;
 --mta-shadow:0 16px 42px rgba(22,55,34,.08);
}