/* Fallbacks for browsers without oklch() support (e.g. Safari / iOS <= 15.3). */
@supports not (color: oklch(0% 0 0)) {
    :root {
        --gray-50: #fafafa;
        --gray-100: #f4f4f5;
        --gray-200: #e4e4e7;
        --gray-300: #d4d4d8;
        --gray-400: #a1a1aa;
        --gray-500: #71717a;
        --gray-600: #52525b;
        --gray-700: #3f3f46;
        --gray-800: #27272a;
        --gray-900: #18181b;
        --gray-950: #09090b;

        --primary-50: #eef2ff;
        --primary-100: #e0e7ff;
        --primary-200: #c7d2fe;
        --primary-300: #a5b4fc;
        --primary-400: #7c93ff;
        --primary-500: #4d71ff;
        --primary-600: #3f5cf0;
        --primary-700: #3347d1;
        --primary-800: #2b3aa8;
        --primary-900: #243184;
        --primary-950: #171f52;

        --danger-500: #ef4444;
        --danger-600: #dc2626;
        --success-500: #22c55e;
        --warning-500: #f59e0b;
        --info-500: #3b82f6;
    }

    .fi-body {
        background: #f8fafc !important;
        color: #0f172a !important;
    }

    .fi-simple-page,
    .fi-simple-main,
    .fi-simple-layout {
        background: #ffffff !important;
        color: #0f172a !important;
    }

    .fi-simple-header-heading,
    .fi-simple-header-subheading,
    .fi-fo-field-wrp-label,
    .fi-fo-field-wrp-label span,
    label {
        color: #0f172a !important;
    }

    .fi-input-wrp,
    .fi-input,
    .fi-select-input,
    input[type='email'],
    input[type='password'],
    input[type='text'],
    select,
    textarea {
        background: #ffffff !important;
        color: #0f172a !important;
        border-color: #cbd5e1 !important;
    }

    .fi-btn,
    .fi-btn-color-primary,
    button[type='submit'],
    .fi-ac-btn-action {
        background: #4d71ff !important;
        color: #ffffff !important;
        border-color: #3f5cf0 !important;
    }

    .fi-btn:disabled,
    button[type='submit']:disabled {
        opacity: 0.6 !important;
    }

    .fi-main,
    .fi-main-ctn,
    .fi-page,
    .fi-section,
    .fi-ta-ctn,
    .fi-ta-table {
        background: #ffffff;
        color: #0f172a;
    }

    .fi-topbar,
    .staff-app-chrome {
        background: #0e1116 !important;
        color: #eaf7ff !important;
    }
}