:root {
    --primary-color: #5236AB;
    --primary-color-50: #F2F1F9;
    --primary-color-100: #E6E3F3;
    --primary-color-200: #CBC3E6;
    --primary-color-300: #AFA3D8;
    --primary-color-400: #9E83F5;
    --primary-color-500: #755EBC;
    --primary-color-600: #5236AB;
    --primary-color-700: #3A2679;
    --primary-color-800: #2D1E5E;
    --primary-color-900: #200A58;
    --client-logo-size: 300px;
    --surface-100: #F5F5F5;
    --surface-200: color-mix(in srgb, #EEEEEE 98%, var(--primary-color) 2%);
    --primary-color-hover: color-mix(in srgb, var(--primary-color) 92%, white);
    --primary-color-tint: color-mix(in srgb, var(--primary-color) 15%, white);
    --primary-color-subtle: color-mix(in srgb, var(--primary-color) 6%, transparent);
    --error-text-color: #b71c1c;
    --success-text-color: #1b5e20;
    color-scheme: light
}

* {
    box-sizing: border-box
}

::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .6)
}

:-moz-placeholder {
    color: rgba(0, 0, 0, .6)
}

::-moz-placeholder {
    color: rgba(0, 0, 0, .6)
}

:-ms-input-placeholder {
    color: rgba(0, 0, 0, .6)
}