:root {
    --fxm-purple: #2f5cec;
    --fxm-purple-dark: #1c3fc7;
    --fxm-ink: #14142b;
    --fxm-gray-900: #14141f;
    --fxm-gray-700: #4b4b5b;
    --fxm-gray-500: #8a8a9a;
    --fxm-gray-300: #e4e4ec;
    --fxm-gray-100: #f6f6fa;
    --fxm-white: #ffffff;
    --fxm-red: #e4485e;
    --fxm-green: #1dbe6e;
    --fxm-blue: #3b7de8;
    --fxm-orange: #f0a32e;
    --fxm-purple-soft: #ede7fe;
    --fxm-green-soft: #e4f8ed;
    --fxm-blue-soft: #e9f1fe;
    --fxm-orange-soft: #fdf0dc;
    --fxm-red-soft: #fdebEE;
    --fxm-shadow-soft: 0 14px 35px rgba(20, 20, 31, 0.08);
    --fxm-radius-lg: 20px;
    --fxm-radius-md: 16px;
    --fxm-radius-sm: 12px;
    --fxm-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

.fxm-brand {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
    color: var(--fxm-ink);
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 0;
}

.fxm-brand__accent {
    color: var(--fxm-purple);
}

.fxm-brand__suffix {
    color: var(--fxm-gray-500);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.2px;
    margin-left: 2px;
}