/* MTOweb dark design tokens. The only source of UI colors and materials.
 * Assets and the isolated WebGL renderer have their own rendering data.
 */
:root {
 --mto-color-brand:#672784;
 --mto-color-accent:#9e68ba;
 --mto-color-ink:#f7f3fc;
 --mto-color-muted:#c4bacf;
 --mto-color-soft:#9e90a9;
 --mto-color-link:#dec3ee;
 --mto-color-focus:#d5aff5;
 --mto-color-invalid:#ff9bb0;
 --mto-color-canvas:#09090e;
 --mto-color-action-base:#0e0b14;
 --mto-glass-base:rgba(26,22,31,.4);
 --mto-glass-panel:rgba(24,20,29,.8);
 --mto-glass-solid:#211b29;
 --mto-glass-edge:rgba(198,139,244,.075);
 --mto-glass-shine:rgba(225,183,255,.23);
 --mto-glass-surface:linear-gradient(135deg,rgba(168,119,194,.15),rgba(119,76,143,.055) 55%,rgba(255,255,255,.035));
 --mto-glass-hover:linear-gradient(125deg,rgba(255,255,255,.23),rgba(180,127,226,.16) 48%,rgba(255,255,255,.08));
 --mto-glass-selected:rgba(103,39,132,.26);
 --mto-glass-selected-edge:rgba(218,173,255,.57);
 --mto-glass-shadow:inset 1px 2px 7px -3px rgba(243,224,255,.36),inset -1px -2px 8px -5px rgba(190,150,211,.16),0 8px 26px rgba(0,0,0,.16);
 --mto-shadow-hover:var(--mto-glass-shadow),0 8px 24px rgba(103,39,132,.15);
 --mto-shadow-panel:var(--mto-glass-shadow),0 24px 70px rgba(0,0,0,.2);
 --mto-header-tint:rgba(20,17,25,.43);
 --mto-header-wash:linear-gradient(110deg,rgba(240,223,250,.09),rgba(103,39,132,.08) 65%,rgba(255,255,255,.025));
 --mto-header-rim:linear-gradient(125deg,rgba(255,255,255,.42),transparent 24%,transparent 68%,rgba(204,158,242,.25));
 --mto-specular-light:radial-gradient(ellipse 260px 180px at var(--mto-pointer-x,50%) var(--mto-pointer-y,35%),rgba(255,255,255,.07),transparent 85%);
 --mto-overlay:rgba(12,10,17,.64);
 --mto-mobile-overlay:rgba(24,20,29,.64);
 --mto-brand-cta:linear-gradient(125deg,rgba(158,104,186,.35),rgba(103,39,132,.72)),var(--mto-color-action-base);
 --mto-action-glass:var(--mto-glass-surface),var(--mto-glass-base);
 --mto-glass-ink:var(--mto-color-ink);
 --mto-glass-muted:var(--mto-color-muted);
 --mto-glass-focus:var(--mto-color-focus);
 --mto-glass-invalid:var(--mto-color-invalid);
 --mto-brand-vivid:var(--mto-color-accent);
 --mto-color-heading-accent:#ca99ec;
 --mto-divider:rgba(176,128,203,.15);
 --mto-placeholder-edge:rgba(183,152,197,.21);
 --mto-placeholder-ink:rgba(185,157,193,.29);
 --mto-placeholder-surface:linear-gradient(145deg,rgba(180,137,208,.043),rgba(255,255,255,.008));
 --mto-footer-surface:linear-gradient(135deg,rgba(24,16,31,.93),rgba(12,11,16,.96));
 --mto-section-surface:linear-gradient(110deg,rgba(10,10,16,.91),rgba(10,10,16,.72));
 --mto-section-shadow:0 0 50px 18px rgba(9,9,14,.4);
 --mto-section-shadow-mobile:0 0 25px 12px rgba(9,9,14,.47);
 --mto-scene-shade-rgb:7 7 12;
 --mto-scene-vignette:linear-gradient(90deg,#09090eaa,transparent 65%),linear-gradient(180deg,#09090e55,transparent 50%,#09090e44);
 --mto-scene-vignette-mobile:linear-gradient(180deg,#09090e99,transparent 65%,#09090e44);
 --mto-scene-shadow:inset 0 0 140px #09090e66;
 --mto-scene-shadow-mobile:inset 0 0 80px #09090e66;
 --mto-page-ambient:radial-gradient(ellipse 75% 420px at 100% 350px,rgba(103,39,132,.19),transparent 75%),radial-gradient(ellipse 75% 420px at 0% 1050px,rgba(103,39,132,.16),transparent 75%);
 --mto-radius-panel:32px;
 --mto-radius-control:24px;
 --mto-radius-field:18px;
 --mto-glass-radius:var(--mto-radius-panel);
 --mto-font-button:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
 --mto-motion:280ms ease-out;
}