:root {
    /* Override the main CSS variables used by the application */
    --primary: #0f3354;
    --secondary: #64748b;
    --accent: #03ccba;

    /* Additional color variants for compatibility */
    --color-primary: #0f3354;
    --color-primary-rgb: 15, 51, 84;
    --color-secondary: #64748b;
    --color-secondary-rgb: 100, 116, 139;
    --color-accent: #03ccba;
    --color-accent-rgb: 3, 204, 186;

    /* Tailwind-compatible variables */
    --color-primary-50: color-mix(in srgb, #0f3354 10%, white);
    --color-primary-100: color-mix(in srgb, #0f3354 20%, white);
    --color-primary-200: color-mix(in srgb, #0f3354 30%, white);
    --color-primary-300: color-mix(in srgb, #0f3354 40%, white);
    --color-primary-400: color-mix(in srgb, #0f3354 60%, white);
    --color-primary-500: #0f3354;
    --color-primary-600: color-mix(in srgb, #0f3354 80%, black);
    --color-primary-700: color-mix(in srgb, #0f3354 70%, black);
    --color-primary-800: color-mix(in srgb, #0f3354 60%, black);
    --color-primary-900: color-mix(in srgb, #0f3354 50%, black);
}