:root{--dyna-color-786cba:#786cba;--dyna-color-786cba-match:#d6d3ea;--dyna-color-826cba:#826cba;--dyna-color-826cba-match:#dad3ea;--dyna-color-8b6cba:#8b6cba;--dyna-color-8b6cba-match:#dcd3ea;--dyna-color-956cba:#956cba;--dyna-color-956cba-match:#2d2038;--dyna-color-9f6cba:#9f6cba;--dyna-color-9f6cba-match:#302038;}.dark-mode{--dyna-color-786cba:#605695;--dyna-color-786cba-match:#dfddea;--dyna-color-826cba:#685695;--dyna-color-826cba-match:#e1ddea;--dyna-color-8b6cba:#6f5695;--dyna-color-8b6cba-match:#e2ddea;--dyna-color-956cba:#775695;--dyna-color-956cba-match:#18111e;--dyna-color-9f6cba:#7f5695;--dyna-color-9f6cba-match:#19111e;}.flat-mode{--dyna-color-786cba:#bcbcbc;--dyna-color-786cba-match:#3c3c3c;--dyna-color-826cba:#bdbdbd;--dyna-color-826cba-match:#3e3e3e;--dyna-color-8b6cba:#bebebe;--dyna-color-8b6cba-match:#3f3f3f;--dyna-color-956cba:#404040;--dyna-color-956cba-match:#c0c0c0;--dyna-color-9f6cba:#424242;--dyna-color-9f6cba-match:#c2c2c2;}.flat-mode.dark-mode{--dyna-color-786cba:#aaaaaa;--dyna-color-786cba-match:#2a2a2a;--dyna-color-826cba:#aaaaaa;--dyna-color-826cba-match:#2b2b2b;--dyna-color-8b6cba:#acacac;--dyna-color-8b6cba-match:#2c2c2c;--dyna-color-956cba:#acacac;--dyna-color-956cba-match:#2d2d2d;--dyna-color-9f6cba:#aeaeae;--dyna-color-9f6cba-match:#2e2e2e;}