:root {
    /* Colors */
    --fm-primary: #111B86;
    --fm-primary-dark: #0C1668;
    --fm-white: #ffffff;
    --fm-gray-50: #F8FAFC;
    --fm-gray-100: #F1F5F9;
    --fm-gray-400: #94A3B8;
    --fm-border: #E2E8F0;
    --fm-text-heading: #0F172A;
    --fm-text-body: #475569;
    --fm-green: #10B981;
    --fm-red: #ef4444;
    --fm-red-bg: #fef2f2;
    --fm-red-text: #b91c1c;

    /* Typography */
    --fm-font: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
    --fm-text-sm: 14px;
    --fm-text-base: 15px;
    --fm-text-md: 16px;

    /* Spacing */
    --fm-space-1: 8px;
    --fm-space-2: 16px;
    --fm-space-3: 24px;

    /* Radius */
    --fm-radius-sm: 12px;
    --fm-radius-md: 16px;
    --fm-radius-lg: 24px;
    --fm-radius-pill: 999px;

    /* Shadows */
    --fm-shadow-lg: 0 20px 40px rgba(17, 27, 134, 0.12);
    --fm-shadow-xl: 0 25px 50px rgba(17, 27, 134, 0.15);

    /* Transitions */
    --fm-duration: 0.3s;
    --fm-ease: cubic-bezier(0.4, 0, 0.2, 1);
}