:root {
    --kme-blue: #0062C2;
    --kme-blue-hover: #0054A6;
    --kme-blue-dark: #003F7D;

    --kme-white: #FFFFFF;
    --kme-black: #000000;

    --kme-gray-50: #F7F8FA;
    --kme-gray-100: #F0F2F5;
    --kme-gray-200: #E1E5EA;
    --kme-gray-300: #CDD3DA;
    --kme-gray-500: #78828D;
    --kme-gray-700: #3D4650;
    --kme-gray-900: #1B1F23;

    --kme-success: #218C5A;
    --kme-warning: #C98400;
    --kme-danger: #C63737;
    --kme-info: #0062C2;

    --kme-background: var(--kme-gray-50);
    --kme-surface: var(--kme-white);
    --kme-text: var(--kme-gray-900);
    --kme-text-muted: var(--kme-gray-500);
    --kme-border: var(--kme-gray-200);

    --kme-font-body: "Segoe UI", Arial, Helvetica, sans-serif;
    --kme-font-heading: "Arial Narrow", "Roboto Condensed", "Segoe UI", Arial, sans-serif;
}