:root {
    /* Default Colors */
    --nevis-blue: #0d6efd;
    --nevis-indigo: #6610f2;
    --nevis-purple: #6f42c1;
    --nevis-pink: #d63384;
    --nevis-red: #F25562;
    --nevis-orange: #fd7e14;
    --nevis-yellow: #EFBA00;
    --nevis-green: #151615;
    --nevis-teal: #20c997;
    --nevis-cyan: #0dcaf0;
    --nevis-blue-100: #E1F5FB;
    --nevis-blue-300: #A6DFED;
    --nevis-blue-400: #75C3D7;
    --nevis-blue-600: #168CA9;
    --nevis-white: #ffffff;
    --nevis-black: #000000;
    --nevis-gray-100: #EDF1F2;
    --nevis-gray-200: #DADFE0;
    --nevis-gray-300: #C2CACC;
    --nevis-gray-400: #A4AFB2;
    --nevis-gray-500: #8A9699;
    --nevis-gray-900: #1F2F33;

    /* Theme */
    --nevis-primary: var(--primary-color);
    --nevis-secondary: var(--nevis-gray-400);
    --nevis-success: var(--nevis-green);
    --nevis-info: var(--nevis-cyan);
    --nevis-warning: var(--nevis-yellow);
    --nevis-danger: var(--nevis-red);
    --nevis-light: var(--nevis-gray-100);
    --nevis-dark: var(--nevis-gray-900);

    /* Font */
    --nevis-font-sans-serif: var(--font-family), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    /* Common */
    --nevis-border-radius: var(--border-radius);
    --nevis-form-control-border-color: var(--nevis-gray-300);

    --nevis-blue-icon-color: var(--nevis-blue-600);
    --nevis-blue-icon-hover-bg-color: var(--nevis-blue-300);
    --nevis-blue-icon-active-bg-color: var(--nevis-blue-400);

    /* Components */
    /* Readonly field*/
    --nevis-readonly-bg-color: var(--nevis-blue-100);
    --nevis-readonly-border-color: var(--nevis-blue-300);
    --nevis-readonly-box-shadow-color: var(--nevis-blue-600);
}
