:root {
    /* VFM Base Variables */
    --color-primary: #2589FF;
    --color-dark: #1E293B;
    --color-light: #F6F9FD;
    
    --base-color-primary: 37, 137, 255;
    --base-color-dark: 30, 41, 59;
    --base-color-light: 246, 249, 253;
    
    --color-primary-text: #ffffff;
    --color-primary-bg: #2589FF;
    --color-dark-text: #ffffff;
    --color-dark-bg: #1E293B;

    /* Alpian Cloud Design Tokens */
    --ac-primary: #2589FF;
    --ac-primary-hover: #1a6fd6;
    --ac-primary-soft: #EAF4FF;
    --ac-sky: #69C4FF;
    --ac-lavender: #AFA7FF;
    --ac-mint: #72DCC7;
    --ac-bg: #F6F9FD;
    --ac-surface: #FFFFFF;
    --ac-surface-soft: #F9FBFE;
    --ac-text: #1E293B;
    --ac-text-soft: #64748B;
    --ac-border: #E7EDF5;
    --ac-danger: #EF5A6F;
    --ac-warning: #F4B740;
    --ac-success: #34B995;
    
    --ac-radius-sm: 10px;
    --ac-radius-md: 14px;
    --ac-radius-lg: 18px;
    --ac-radius-xl: 24px;
    
    --ac-shadow-sm: 0 2px 8px rgba(31,61,99,.05);
    --ac-shadow-md: 0 10px 35px rgba(31,61,99,.08);
    
    --ac-font: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* Bootstrap 5 Overrides */
    --bs-primary: var(--ac-primary);
    --bs-primary-rgb: 37, 137, 255;
    --bs-secondary: var(--ac-lavender);
    --bs-success: var(--ac-success);
    --bs-info: var(--ac-sky);
    --bs-warning: var(--ac-warning);
    --bs-danger: var(--ac-danger);
    --bs-light: var(--ac-bg);
    --bs-dark: var(--ac-text);
    
    --bs-body-font-family: var(--ac-font);
    --bs-body-bg: var(--ac-bg);
    --bs-body-color: var(--ac-text);
    
    --bs-border-radius: var(--ac-radius-md);
    --bs-border-radius-sm: var(--ac-radius-sm);
    --bs-border-radius-lg: var(--ac-radius-lg);
    --bs-border-radius-xl: var(--ac-radius-xl);
    
    --bs-border-color: var(--ac-border);
    --bs-link-color: var(--ac-primary);
    --bs-link-hover-color: var(--ac-primary-hover);
}