:root {
    --wp-brand: #8E3A3A;
    --wp-brand-hover: #732E2E;
    --wp-brand-soft: #F6EEEE;
    --wp-ink: #1C2430;
    --wp-muted: #667085;
    --wp-line: #E6E8EC;
    --wp-surface: #FFFFFF;
    --wp-canvas: #F6F7F9;
    --wp-sidebar: #FFFFFF;
    --wp-success: #3D7A52;
    --wp-warning: #8A5A12;
    --wp-danger: #8E3A3A;
    --wp-edit: #2563EB;
    --wp-badge-success: #3D7A52;
    --wp-badge-warning: #8A5A12;
    --wp-badge-muted: #667085;
    --wp-on-brand: #FFFFFF;
    --wp-field-line: #C9CED6;
    --wp-field-disabled: #F3F4F6;
    --wp-foot: #E8EBEF;
    --wp-fit-bg: #F3FAF5;
    --wp-fit-line: #C5E4CE;
    --wp-hero-panel: #F3F5F7;
    --wp-hover-line: #C5CAD3;
    --wp-ring: rgba(28, 36, 48, 0.06);
    --wp-shadow: 0 8px 24px rgba(28, 36, 48, 0.06);
    --wp-radius: 8px;
    --wp-space-1: 8px;
    --wp-space-2: 16px;
    --wp-space-3: 24px;
    --wp-space-4: 32px;
    --wp-text: 14px;
    --wp-sidebar-width: 232px;
    color-scheme: light;
    --bs-body-font-size: 14px;
    --bs-body-color: var(--wp-ink);
    --bs-body-bg: var(--wp-surface);
    --bs-emphasis-color: var(--wp-ink);
    --bs-secondary-color: var(--wp-muted);
    --bs-tertiary-color: var(--wp-muted);
    --bs-border-color: var(--wp-line);
    --bs-secondary-bg: var(--wp-canvas);
    --bs-tertiary-bg: var(--wp-field-disabled);
    --bs-primary: #8E3A3A;
    --bs-primary-rgb: 142, 58, 58;
    --bs-border-radius: 8px;
    --bs-link-color: var(--wp-ink);
    --bs-link-hover-color: var(--wp-brand);
    --bs-heading-color: var(--wp-ink);
}

[data-bs-theme="light"] {
    color-scheme: light;
}

[data-bs-theme="dark"] {
    --wp-brand: #8E3A3A;
    --wp-brand-hover: #A34B4B;
    --wp-brand-soft: #3A2428;
    --wp-ink: #E8EAED;
    --wp-muted: #A3ACB9;
    --wp-line: #313A48;
    --wp-surface: #1C2430;
    --wp-canvas: #12161C;
    --wp-sidebar: #161C26;
    --wp-success: #6EAE82;
    --wp-warning: #D4A15A;
    --wp-danger: #E08A8A;
    --wp-edit: #8FB4F3;
    --wp-badge-success: #2F6B45;
    --wp-badge-warning: #8A5A12;
    --wp-badge-muted: #5C6778;
    --wp-on-brand: #FFFFFF;
    --wp-field-line: #3A4454;
    --wp-field-disabled: #222833;
    --wp-foot: #151B24;
    --wp-fit-bg: #1A2E24;
    --wp-fit-line: #2E5A40;
    --wp-hero-panel: #171D27;
    --wp-hover-line: #4A5568;
    --wp-ring: rgba(255, 255, 255, 0.08);
    --wp-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
    color-scheme: dark;
    --bs-body-color: var(--wp-ink);
    --bs-body-bg: var(--wp-surface);
    --bs-emphasis-color: var(--wp-ink);
    --bs-secondary-color: var(--wp-muted);
    --bs-tertiary-color: var(--wp-muted);
    --bs-border-color: var(--wp-line);
    --bs-secondary-bg: var(--wp-canvas);
    --bs-tertiary-bg: var(--wp-field-disabled);
    --bs-link-color: var(--wp-ink);
    --bs-link-hover-color: var(--wp-brand-hover);
    --bs-heading-color: var(--wp-ink);
    --bs-dropdown-bg: var(--wp-surface);
    --bs-dropdown-color: var(--wp-ink);
    --bs-dropdown-link-color: var(--wp-ink);
    --bs-dropdown-link-hover-color: var(--wp-ink);
    --bs-dropdown-link-hover-bg: var(--wp-brand-soft);
    --bs-dropdown-border-color: var(--wp-line);
    --bs-form-control-bg: var(--wp-canvas);
}

.wp-theme-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 36px;
    padding: 0;
    border: 1px solid var(--wp-line);
    border-radius: var(--wp-radius);
    background: var(--wp-surface);
    color: var(--wp-ink);
}

.wp-theme-btn.dropdown-toggle::after {
    display: none;
}

.wp-theme-btn:hover,
.wp-theme-btn:focus {
    border-color: var(--wp-brand);
    background: var(--wp-brand-soft);
    color: var(--wp-brand);
}

.wp-locale {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 36px;
    padding: 0;
    border: 1px solid var(--wp-line);
    border-radius: var(--wp-radius);
    background: var(--wp-surface);
}

.wp-locale > .dropdown-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 36px;
    padding: 0;
    color: var(--wp-ink);
    line-height: 1;
    text-decoration: none;
}

.wp-locale .wp-tool-icon {
    width: 18px;
    height: 18px;
}

.wp-locale .dropdown-toggle::after {
    display: none;
}

.wp-locale:hover,
.wp-locale:focus-within {
    border-color: var(--wp-brand);
    background: var(--wp-brand-soft);
}

.dropdown-item.is-current {
    background: var(--wp-brand-soft);
    color: var(--wp-brand);
}

[data-bs-theme="dark"] .swal2-popup {
    background: var(--wp-surface);
    color: var(--wp-ink);
}

[data-bs-theme="dark"] .swal2-title,
[data-bs-theme="dark"] .swal2-html-container {
    color: var(--wp-ink);
}

[data-bs-theme="dark"] input:-webkit-autofill {
    -webkit-text-fill-color: var(--wp-ink);
    box-shadow: inset 0 0 0 1000px var(--wp-canvas);
}
