:root {
    /* Background Colors */
    --bg-base: #474747;
    --bg-base1: #211d1cff;
    --bg-base2: #2b2b2b;
    --bg-base3: #7e7e7e;

    --surface-base: #353535;
    --surface-base1: #272727;
    --surface-base2: #211d1cff;

    --surface-hint: #a1a1a1;
    --surface-accent: #68635f;

    /* Text Colors */
    --text-main: #e6e6e6;
    --text-main-muted: #a1a1a1;

    --text-sub: #b8b8b8;
    --text-sub-muted: #858585;

    --text-hint-main: #fa8232;
    --text-hint-main-muted: #e78e57;

    /* Tooltip Colors */
    --tooltip-bg: #333;
    --tooltip-text: #fff;

    /* Details */
    --shadow-main: 2px 2px 8px #272625;
    --shadow-toast: 0 4px 12px #00000033;
    --shadow-hover: 0 8px 16px #0000004d;
}