:root {
    --chiase-color-dark: #017935;
    --chiase-color-light: #0ac76c;
    --ismis-light: #b7b01d;
    --ismis-dark: #0e3c00;
    --base-bg-one: #1b1b1b;
    --base-bg-two: #1e1e1e;
    --base-bg-three: #222222;
    --base-bg-four: #2a2a2a;
    --interaction-dark: #313131;
    --interaction-dark-hover: #414141;
    --border-main-light: #c9c9c9;
    --text-light: #ffffff;
    --text-light-muted: #cfcfcf;
    --text-light-hover: #eaeaea;
    --border-main-dark: #424242;
    --text-dark: #424242;
    --text-dark-muted: #353535;
    --text-dark-hover: #626262;
    --cover-photo: url('../uploads/covers/default.svg');
    --smooth-anim: cubic-bezier(.32,.98,.47,1);
}

[data-theme="light"] {
    --base-bg-one: #f5f5f5;
    --base-bg-two: #efefef;
    --base-bg-three: #e4e4e4;
    --base-bg-four: #e7e7e7;
    --interaction-dark: #dadada;
    --interaction-dark-hover: #bbbbbb;
    --border-main-light: #424242;
    --text-light: #0c0c0c;
    --text-light-muted: #3b3b3b;
    --text-light-hover: #222222;
    --border-main-dark: #d5d5d5;
    --text-dark: #c9c9c9;
    --text-dark-muted: #b3b3b3;
    --text-dark-hover: #111111;
    --cover-photo: url('../uploads/covers/light.svg');
}

.base-bg {
    background: var(--base-bg);
}

.gradient-text {
    background-image: linear-gradient(to top, var(--chiase-color-dark), var(--chiase-color-light)); 
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.metallic-background {
    background: linear-gradient(to bottom, #EEEEEE, #CCCCCC, #d1d1d1);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar {
    width: 6px; 
    height: 6px; 
}

::-webkit-scrollbar-track {
    background: transparent; 
}

::-webkit-scrollbar-thumb {
    background: rgba(150, 150, 150, 0.5); 
    border-radius: 10px; 
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(150, 150, 150, 0.8); 
}

* {
    scrollbar-width: thin;
    scrollbar-color: rgba(150, 150, 150, 0.5) transparent;
}