/* --- Primary colors --- */

:root, [data-color-scheme="light"] {
    --ds-color-primary-background-default: #ffffff;
    --ds-color-primary-background-tinted: #f2f2f2;
    --ds-color-primary-surface-default: #ffffff;
    --ds-color-primary-surface-tinted: #e6e6e6;
    --ds-color-primary-surface-hover: #d4d4d4;
    --ds-color-primary-surface-active: #bcbcbc;
    --ds-color-primary-border-subtle: #a3a3a3;
    --ds-color-primary-border-default: #5c5c5c;
    --ds-color-primary-border-strong: #333333;
    --ds-color-primary-text-subtle: #333333;
    --ds-color-primary-text-default: #0d0d0d;
    --ds-color-primary-base-default: #000000;
    --ds-color-primary-base-hover: #1a1a1a;
    --ds-color-primary-base-active: #333333;
    --ds-color-primary-base-contrast-subtle: #a6a6a6;
    --ds-color-primary-base-contrast-default: #ffffff;
}

/* --- Form --- */

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    box-shadow: 0 0 0 .25rem #d4d4d4;
}

/* --- Theme button --- */

.ds-dark-container .ds-theme-button {
    border-color: #a3a3a3;
}

    .ds-dark-container .ds-theme-button:hover {
        background: #333333;
        border-color: #a3a3a3;
    }

    .ds-dark-container .ds-theme-button:focus,
    .ds-dark-container .ds-theme-button:active {
        background: #5c5c5c;
        border-color: #a3a3a3;
    }

/* --- Breadcrumb --- */

.ds-breadcrumb-container {
    background-color: #000000;
    border-top: none;
    border-bottom: none;
}

    .ds-breadcrumb-container nav ol,
    .ds-breadcrumb-container nav ol a,
    .ds-breadcrumb-container nav ol a:hover,
    .ds-breadcrumb-container nav ol a:focus,
    .ds-breadcrumb-container nav ol a:active {
        color: #ffffff;
    }

/* --- County governor icon --- */

.ds-county-governor-icon path.ds-county-governor-icon-background,
.ds-county-governor-icon path.ds-county-governor-icon-background.ds-always-regular,
.ds-county-governor-icon path.ds-county-governor-icon-foreground.ds-always-inverted,
[data-color-scheme="dark"] .ds-county-governor-icon path.ds-county-governor-icon-foreground,
[data-color-scheme="dark"] .ds-county-governor-icon path.ds-county-governor-icon-background.ds-always-regular,
[data-color-scheme="dark"] .ds-county-governor-icon path.ds-county-governor-icon-foreground.ds-always-inverted {
    fill: #000000;
}