:root {
    --fifth: #0a1424;
    --fourth-alpha: #f9f9f8;
    --fourth: #e0e0db;

    --third: #0459b3;
    --third-alpha: #cbd8e7;
    --primary: #032040;
    --primary-card: #032040;
    --primary-alpha: #dfe1e8;
    --second: #0e83ff;
    --second-alpha: #ddecfd;
    --cargo:#00e1ff;
    --grey: #727272;
    --grey-alpha: #f1f1f1;

    --error-alpha: #f9eaea;
    --page-background: #faf8f8;
    --inactive: #c4c4c4;
    --white: white;
    --black: black;
    --high-emphasis: #ffffff;
    --green-success-bg: #d6f3cc;
    --green-success-text: #34c301;

    --og-primary: rgb(126, 211, 33);
    --og-green-dark: #205239;
    --og-green-mid: #007531;
    --og-fourth: #007531;
    --og-green-light: #7ed321;
    --error-solid: #c8292d;
    --error-alpha: rgba(200, 41, 45, 0.1);
    --og-dark: #3c4041;
    --og-mid: #e7ebed;
    --og-white: #ffffff;
    --og-system-success: #13c25c;
    --og-system-error: #ec5840;
    --og-secondary-orange: #ffae00;
    --og-secondary-dark-blue: #064873;
    --og-secondary-light-blue: #72c7ff;
    --og-green-mid-alpha: rgba(0, 117, 49, 0.1);
    --og-green-light-alpha: rgba(126, 211, 33, 0.1);
    --og-system-error-alpha: rgba(236, 88, 64, 0.2);
    --og-system-error-light: rgba(236, 88, 64, 0.1);
    --og-mid-alpha: rgba(108, 120, 124, 0.1);
    --og-third: #6c787c;
    --og-third-alpha: rgba(108, 120, 124, 0.1);
    --og-green-upload: #01ed00;
    --font-bold: 400;
    --dark-alpha: #e2e9f3;
    --alert-yellow: #ffea00;
    --og-alert-6: #FF5DB6;
    --og-second-ghost-20: #0e83ff33;
}

.cursor-pointer {
    cursor: pointer;
}

body{
    color: var(--primary)
}

#loading-spinner {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}