@import 'common.css';

:root {
    --transparent: transparent;
    --black: #22292f;
    --white: white;
    --white-50: rgba(255, 255, 255, 0.5);
    --danger: #e74444;
    --success: #21b978;
    --warning: #ffeb3b;
    --info: #03a9f4;
    --primary: #ecac32;
    --primary-dark: #eb6306;
    --primary-70: rgba(253,213,52, 0.7);
    --primary-50: rgba(253,213,52, 0.5);
    --primary-30: rgba(253,213,52, 0.3);
    --primary-10: rgba(253,213,52, 0.1);
    --logo: rgb(238, 241, 244);
    --sidebar-icon: white;
    --20: #f6fbff;
    --30: #f4f7fa;
    --40: #eef1f4;
    --50: #e3e7eb;
    --60: #bacad6;
    --70: #b3b9bf;
    --80: #7c858e;
    --90: #3c4b5f;
    --90-half: rgba(40, 54, 61, 0.5);
    --warning-light: #fff382;
    --warning-dark: #684f1d;
    --success-light: #c6f6d5;
    --success-dark: #38a169;
    --danger-light: #fed7d7;
    --danger-dark: #e53e3e;
    --info-light: #bee3f8;
    --info-dark: #3182ce;
    font-family: "Brown", sans-serif;
}

.bg-grad-sidebar {
    background-image: linear-gradient(0deg, #fdd534, var(--primary), var(--primary-dark));
}