:root {

    /* Colors */
    --mui-primary: #005baa;
    --mui-secondary: #009688;
    --mui-accent: #ff9800;

    --mui-white: #ffffff;
    --mui-black: #222222;

    --mui-gray-100: #f8f9fa;
    --mui-gray-200: #e9ecef;
    --mui-gray-300: #dee2e6;
    --mui-gray-600: #6c757d;
    --mui-gray-900: #212529;

    /* Radius */
    --mui-radius-sm: 4px;
    --mui-radius: 8px;
    --mui-radius-lg: 12px;

    /* Shadow */
    --mui-shadow:
        0 6px 20px rgba(0,0,0,.08);

    /* Transition */
    --mui-transition: .3s ease;


    --mui-section-light:#ffffff;

    --mui-section-gray:#f8f9fa;

    --mui-section-blue:#eef6ff;

    --mui-section-green:#f2fbf7;

}