:root {
    --main-ink: #098f51;
    --darkmain-ink: #065a33;
    --lightmain-ink: #b9f3d8;
    --topbar: #ffffff;
    --sidebar: #f7f9fa;
    --blue: #1d9bf0;
    --red: #f91880;
    --grey: #536471;
    --hint-ink: #e3f1eb;
    --white: #ffffff;
    --darkbg: #000000;
    --lightbg: #f8f9fa;
    --borderpost: #eff3f4;
    --cardheader: #f7f9fa;
    --cardbody: #ffffff;
    --text-color: #0f1419;
    --text-light: #536471;
    --smalltext: #536471;
    --linkcolor: #1d9bf0;
    --hover: #f7f9fa;
    --base-font-size: 15px;
    --container-max-width: 70%;
    --top-bar-height: 60px;
}

[data-theme="dark"] {
    --main-ink: #11862f;
    --darkmain-ink: #065a33;
    --lightmain-ink: #013d0b;
    --topbar: #9rgb(0, 0, 0)
    --sidebar: #16181c;
    --blue: #1d9bf0;
    --red: #f91880;
    --grey: #71767b;
    --hint-ink: #000000;
    --white: #ffffff;
    --darkbg: #000000;
    --lightbg: #16181c;
    --borderpost: #2f3336;
    --cardheader: #1c1f23;
    --cardbody: #000000;
    --text-color: #e7e9ea;
    --text-light: #71767b;
    --smalltext: #71767b;
    --linkcolor: #1d9bf0;
    --hover: #16181c;
}

[data-theme="minimal"] {
    --main-ink: #718087;
    --darkmain-ink: #494949;
    --lightmain-ink: #ffffff;
    --sidebar: #f6f7f8;
    --blue: #0079d3;
    --red: #ff4500;
    --grey: #7c7c7c;
    --white: #ffffff;
    --hint-ink: #000000;
    --darkbg: #1a1a1b;
    --lightbg: #ffffff;
    --borderpost: #ccc;
    --cardheader: #f6f7f8;
    --cardbody: #ffffff;
    --text-color: #1c1c1c;
    --text-light: #7c7c7c;
    --smalltext: #7c7c7c;
    --linkcolor: #0079d3;
    --hover: #f6f7f8;
}