:root {
    color-scheme: dark;
    --bg: #080710;
    --bg-2: #13091f;
    --panel: rgba(27, 18, 43, .76);
    --panel-solid: #171020;
    --text: #f7f2ff;
    --muted: #a99bbd;
    --line: rgba(214, 182, 255, .18);
    --accent: #b46cff;
    --accent-2: #5cc8ff;
    --danger: #ff5f8f;
    --good: #6ef7c8;
    --shadow: 0 24px 70px rgba(82, 42, 140, .32);
}

.theme-cosmic-purple {
    --bg: #070611;
    --bg-2: #13091f;
    --panel: rgba(24, 17, 39, .78);
    --panel-solid: #181128;
    --text: #fbf7ff;
    --muted: #b6a9c8;
    --line: rgba(190, 129, 255, .2);
    --accent: #b46cff;
    --accent-2: #5cc8ff;
    --glow: rgba(180, 108, 255, .34);
}

.theme-ocean-teal {
    --bg: #041417;
    --bg-2: #08262b;
    --panel: rgba(9, 39, 45, .78);
    --panel-solid: #0a2c33;
    --text: #ecffff;
    --muted: #9cc4c8;
    --line: rgba(94, 233, 221, .2);
    --accent: #28e0c4;
    --accent-2: #82f7ff;
    --glow: rgba(40, 224, 196, .25);
}

.theme-solar-light {
    color-scheme: light;
    --bg: #fbfaf5;
    --bg-2: #fff5d8;
    --panel: rgba(255, 255, 255, .82);
    --panel-solid: #ffffff;
    --text: #251f16;
    --muted: #71685a;
    --line: rgba(179, 133, 36, .22);
    --accent: #bd7b00;
    --accent-2: #0e92a2;
    --glow: rgba(255, 191, 73, .28);
}