:root {
    /* Design Tokens: Brand Primary */
    --color-primary-950: #0b3f61;
    --color-primary-900: #0f466b;
    --color-primary-800: #15567f;
    --color-primary-700: #176193;
    --color-primary-600: #1b6ca3;
    --color-primary-500: #2f82bd;
    --color-primary-400: #5e9fcd;
    --color-primary-300: #89bcdd;
    --color-primary-200: #bed8ea;
    --color-primary-100: #dcebf6;
    --color-primary-50: #eef5fb;
    --color-primary-rgb: 27, 108, 163;

    /* Semantic Tokens */
    --theme-primary: var(--color-primary-600);
    --theme-primary-strong: var(--color-primary-800);
    --theme-primary-hover: var(--color-primary-700);
    --theme-primary-soft: var(--color-primary-50);
    --theme-primary-soft-2: var(--color-primary-100);
    --theme-primary-border: var(--color-primary-200);
    --theme-focus-ring: 0 0 0 3px rgba(var(--color-primary-rgb), 0.22);

    /* Backward-compatible aliases for existing styles */
    --main-color: var(--color-primary-600) !important;
    --blue-950: var(--color-primary-950) !important;
    --blue-900: var(--color-primary-900) !important;
    --blue-800: var(--color-primary-800) !important;
    --blue-700: var(--color-primary-700) !important;
    --blue-600: var(--color-primary-600) !important;
    --blue-500: var(--color-primary-500) !important;
    --blue-400: var(--color-primary-400) !important;
    --blue-300: var(--color-primary-300) !important;
    --blue-200: var(--color-primary-200) !important;
    --blue-100: var(--color-primary-100) !important;
    --blue-50: var(--color-primary-50) !important;
    --home-blue-900: var(--color-primary-900) !important;
    --home-blue-700: var(--color-primary-700) !important;
    --home-blue-600: var(--color-primary-600) !important;
    --home-blue-500: var(--color-primary-500) !important;
    --home-blue-300: var(--color-primary-300) !important;
    --home-blue-200: var(--color-primary-200) !important;
    --home-blue-50: var(--color-primary-50) !important;
}

.weui-dialog__btn.primary,
.weui-dialog__btn.weui-dialog__btn_primary {
    color: var(--theme-primary);
}

.weui-btn_primary {
    border-color: var(--theme-primary);
    background-color: var(--theme-primary);
}

.weui-btn_primary:not(.weui-btn_disabled):active {
    border-color: var(--theme-primary-hover);
    background-color: var(--theme-primary-hover);
}