:root {
    --rd-system-color-gray-70: rgba(255, 255, 255, 0.7);
    --rd-system-color-gray-90: rgba(255, 255, 255, 0.9);
}

[data-bs-theme="light"] {
    --rd-label-color: rgba(23, 23, 29, 1);
    --rd-secondary-label-color: #17171DB2;
    --ukraine-banner-bg: rgba(255, 255, 255, 0.5);
    --ukraine-banner-border-color: rgba(255, 255, 255, 0.5);
    --rd-system-gray-color-10: rgba(23, 23, 29, 0.1);
    --rd-system-gray-color-20: rgba(23, 23, 29, 0.2);
    --divider-bg-color: #17171D;
    --divider-text-color: rgba(23, 23, 29, 0.7);
    --pin-border-color-active: #1E91FA;
    --pin-border-color-error: #FA4655;
    --pin-bg: rgba(255, 255, 255, 0.7);
    --pin-border: rgba(255, 255, 255, 0.9);
    --footer-link-color: rgba(23, 23, 29, 0.5);
    --or-color: #17171DB2;
    --footer-link-divider-color: rgba(23, 23, 29, 0.20);
    --bg-color: rgba(197, 224, 255, 1);
}

[data-bs-theme="dark"] {
    --rd-label-color: rgba(255, 255, 255, 1);
    --rd-secondary-label-color: rgba(255, 255, 255, 0.75);
    --ukraine-banner-bg: rgba(255, 255, 255, 0.12);
    --ukraine-banner-border-color: rgba(255, 255, 255, 0.12);
    --rd-system-gray-color-10: rgba(255, 255, 255, 0.12);
    --rd-system-gray-color-20: rgba(255, 255, 255, 0.20);
    --divider-bg-color: rgba(255, 255, 255, 1);
    --divider-text-color: rgba(255, 255, 255, 0.9);
    --pin-border-color-active: #0F82E1;
    --pin-border-color-error: #F04150;
    --pin-bg: rgba(255, 255, 255, 0.9);
    --pin-border: rgba(255, 255, 255, 1);
    --footer-link-color: rgba(255, 255, 255, 0.55);
    --or-color: #FFFFFFE5;
    --footer-link-divider-color: rgba(255, 255, 255, 0.20);
    --bg-color: rgba(24, 29, 60, 1);
}