:root,
:root[data-bs-theme="light"] {
    --dating-pink: #fa57c1;
    --dating-blue: #6a96ff;
    --dating-white: #fff;
    --dating-black: #232323;
    --dating-light: #ffe9f8;
    --dating-card: #fff9fc;
    --bs-body-bg: var(--dating-card);
    --bs-body-color: var(--dating-black);
    --bs-primary: var(--dating-pink);
    --bs-link-color: var(--dating-blue);
    --bs-border-color: #fad6f6;
    --bs-dropdown-bg: var(--dating-white);
    --bs-dropdown-color: var(--dating-black);
    --bs-dropdown-link-color: var(--dating-black);
    --bs-dropdown-link-hover-bg: var(--dating-pink);
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-link-active-bg: var(--dating-blue);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-border-color: #fad6f6;
}

    :root[data-bs-theme="dark"] {
        --dating-pink: #ff8070;
        --dating-blue: #94bbff;
        --dating-white: #18181b;
        --dating-black: #fafeff;
        --dating-light: #221d1c;
        --dating-card: #230f1c;
        --bs-body-bg: var(--dating-card);
        --bs-body-color: var(--dating-black);
        --bs-primary: var(--dating-pink);
        --bs-link-color: var(--dating-blue);
        --bs-border-color: #694b5d;
        --bs-dropdown-bg: var(--dating-white);
        --bs-dropdown-color: var(--dating-black);
        --bs-dropdown-link-color: var(--dating-black);
        --bs-dropdown-link-hover-bg: var(--dating-pink);
        --bs-dropdown-link-hover-color: #fff;
        --bs-dropdown-link-active-bg: var(--dating-blue);
        --bs-dropdown-link-active-color: #fff;
        --bs-dropdown-border-color: #694b5d;
    }