/* @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"); */

@import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,100..1000&display=swap");

:root {
    --rev-mist: #8da9d7;
    --rev-h2o: #3d6bb5;
    --rev-denim: #002446;
    --rev-plate: #0f192d;
    --rev-dawn: #fdfaf5;
    --rev-oat: #f2ebe0;
    --rev-linen: #c4baad;
    --rev-white: #fff;
    --rev-border: color-mix(in srgb, var(--rev-plate) 8%, transparent);
    --rev-border-10: color-mix(in srgb, var(--rev-plate) 10%, transparent);
    --rev-ylw: rgb(227, 169, 79);
    --fav-color: #ffb700;
    --rev-blue: #07bafe;
    --rev-blue2: #c3e9fa;
    --rev-blue-light: #e2f2f4;
    --rev-blue-light2: #f1fafe;
    --rev-dark-blue-100: #e9f6fd;
    --rev-dark-blue-400: #0277b5;
    --rev-red: #f22f46;
    --rev-red-100: #fef2f2;
    --rev-red-200: #f6cfcf;
    --rev-green: #00d98e;
    --rev-green-100: #f0fbf6;
    --rev-green-200: #c7efdd;
    --rev-green-400: #10b981;
    --rev-orange-100: #fffbef;
    --rev-orange-150: #fff7e2;
    --rev-orange-200: #fbe6bd;
    --rev-orange-800: #c98a00;
    --rev-gray-100: #9fb0c4;
    --rev-gray-300: #fcfdfe;
    --rev-gray-400: #eef1f4;
    --rev-gray: #f8fafb;
    --danger-dark: #7e121d;

    --ff: "DM Sans", sans-serif;

    --bg-body: var(--rev-white);
    --bg-sidebar: var(--rev-denim);
    --clr-sidebar: #aab9d4;

    --sidebar-width: 0px;
    --submenu-sidebar-width: 0px;
}