:root {
    --multiplier: -1;

    --base-color: 27.772;

    --overall-bg: oklch(12.8% 0.086 var(--base-color) / 100%);

    --button-bg: oklch(from var(--overall-bg) calc(l + 0.1) c h / 100%);
    --button-hover-bg: oklch(from var(--button-bg) calc(l + 0.15) calc(c + 0.1) h / 100%);
    --button-sel-bg: oklch(from var(--button-bg) calc(l + 0.3) calc(c + 0.1) h / 100%);

    --chat-odd: oklch(from var(--overall-bg) calc(l - 0.2) calc(c + 0.2) h / 50%);
	--chat-even: oklch(from var(--overall-bg) calc(l + 0.2) calc(c + 0.2) h / 50%);

    --col-pr1: oklch(from var(--overall-bg) calc(l + 0.2) c h / alpha);
    --col-pr2: oklch(from var(--overall-bg) calc(l + 0.4) c h / alpha);
    --col-pr3: oklch(from var(--overall-bg) 100% ch / alpha);
    --col-pr4: oklch(from var(--overall-bg) calc(l + 0.42) c h / alpha);
    --col-pr5: oklch(from var(--overall-bg) calc(l + 0.34) c h / alpha);
    --col-sn1: oklch(from var(--overall-bg) calc(l + 0.8) c h / alpha);
    --col-sn2: oklch(from var(--overall-bg) calc(l + 0.7) c h / alpha);
    --col-del1: oklch(from var(--overall-bg) calc(l + 0.4) c h / alpha);

    --extwrap: oklch(from var(--overall-bg) calc(l + calc(var(--multiplier) * 0.1)) calc(c * 2) h / alpha);
    --chatbg: oklch(from var(--overall-bg) calc(l + 0.32) calc(c + 0.14) h / alpha);
    --chatbgbox: oklch(from var(--overall-bg) calc(l - 0.065) 0 h / alpha);
	--separator: oklch(from var(--overall-bg) calc(l + 0.14) calc(c * 2) h / alpha);
    --emptyel: oklch(from var(--chatbg) calc(l + 0.20) c h / alpha);

    --col-sys: hsl(216 0% 50% / 100%);
    --col-admin: hsl(345 100% 50% / 100%);
    --col-sadmin: hsl(0 100% 50% / 100%);
    --col-modo: hsl(216 100% 80% / 100%);
    --col-vip: hsl(160 100% 50% / 100%);
    --col-user: hsl(39 100% 50% / 100%);
    --col-guest: hsl(30 92% 50% / 100%);

    --col-me: hsl(210 100% 20% / 100%);
    --col-al1: hsl(0 100% 50% / 100%);
    --col-al2: hsl(51 100% 50% / 100%);
    --col-reqo: hsl(116 100% 75% / 100%);
    --col-reqc: hsl(0 100% 71% / 100%);
    --col-req: hsl(36 100% 84% / 100%);
    --col-reqp: hsl(350 100% 88% / 100%);
    --col-sms: hsl(180 65% 81% / 100%);

	--link: hsl(216 75% 35% / 100%);
	--body: hsl(0 0% 100% / 100%);

    --headerimg: url('themes/Blue/logo/Blue.png');
	
    --adbg: hsl(0 20% 80% / 60%);

    --mynotice: hsl(60 59% 16% / 100%);

    --sub1: hsl(48 100% 50% / 100%);
    --sub2: hsl(34 100% 73% / 100%);

    --tooltip: hsl(0 62% 16% / 100%);
    --global: hsl(0 0% 35% / 100%);
    --signup: hsl(50 100% 50% / 100%);
    --join: hsl(120 100% 50% / 100%);
    --exit: hsl(0 100% 50% / 100%);
    --poll: hsl(275 34.53% 50% / 100%);
    --question: hsl(360 34.53% 40% / 100%);

    --resbg: hsl(0 0% 90% / 100%);

    --lighttext: hsl(0 100% 100% / 100%);
    --darktext: hsl(0 100% 0% / 100%)
}
.background_chat:not(#logout_box, #upload_box, .menu_drop) {
    background: linear-gradient(to bottom, hsl(from var(--overall-bg) h s l / 60%) 0, hsl(from var(--overall-bg) h s l / 90%) 100%), url('images/music.jpg') right center / cover no-repeat !important
}
#room_topic { color: white }