:root {
    /* Pink Palette */
    --pink-50: #FCE4EC;
    --pink-100: #F8BBD0;
    --pink-200: #F48FB1;
    --pink-300: #F06292;
    --pink-400: #EC407A;
    --pink-500: #E91E63;
    --pink-600: #D81B60;
    --pink-700: #C2185B;
    --pink-800: #AD1457;
    --pink-900: #880E4F;

    /* Override Vant Variables */
    --van-primary-color: var(--pink-500) !important;
    --van-blue: var(--pink-500) !important;
    --van-success-color: #4CAF50 !important;
    --van-danger-color: #F44336 !important;
    --van-warning-color: var(--pink-300) !important;
    --van-orange: var(--pink-300) !important;
    --van-orange-dark: var(--pink-600) !important;
    --van-orange-light: var(--pink-50) !important;

    /* Gradients */
    --van-gradient-red: linear-gradient(to right, var(--pink-400), var(--pink-600)) !important;
    --van-gradient-orange: linear-gradient(to right, var(--pink-300), var(--pink-500)) !important;

    /* Custom Variables */
    --main-color: var(--pink-500) !important;
    --primary-color: var(--pink-500) !important;
    --bg_color_L2: var(--pink-50) !important;
}

/* Global Background */
body,
html,
#app {
    background-color: #ffffff !important;
}

/* Specific Overrides for Vant Components */
.van-button--primary {
    background: var(--van-primary-color) !important;
    border-color: var(--van-primary-color) !important;
}

.van-button--warning {
    background: var(--van-warning-color) !important;
    border-color: var(--van-warning-color) !important;
}

.van-button--danger {
    background: var(--van-danger-color) !important;
    border-color: var(--van-danger-color) !important;
}

.van-nav-bar {
    background-color: var(--pink-500) !important;
}

.van-nav-bar__title,
.van-nav-bar__text,
.van-nav-bar .van-icon {
    color: white !important;
}

.tabbar__container-item {
    color: var(--pink-900) !important;
}

/* Helper to force pink fill on SVGs if they use currentcolor */
.pink-fill {
    fill: var(--pink-500) !important;
}