:root {
    --text-color: #D3D3D3;
    --main-background-color: #050810;
    --border-color: #21262d;
    --navbar-color: #0c111a;
    --navbar-hover-color: #010409;
    --primary-color: #60C03C;
    --primary-hover-color: #44882a;
    --error-background-color: #3a121d;
    --warning-background-color: #813800;
    --error-border-color: #100508;
    --notification-info-color: #3655AB;
    --notification-error-color: #6C0E23;
    --notification-success-color: #06A77D;
    --notification-warning-color: #EA7317;
    --request-status-un-moderated: var(--border-color);
    --request-status-moderated: var(--notification-info-color);
    --request-status-declined: var(--notification-error-color);
    --request-status-scheduled: var(--notification-warning-color);
    --request-status-complete: var(--notification-success-color);
    --release-status-not-started: var(--border-color);
    --release-status-in-process: var(--notification-warning-color);
    --release-status-complete: var(--notification-success-color);

    --void: #06070d;
    --deep: #0a0b12;
    --surface: #0f1019;
    --surface-2: #161824;
    --ember: #c8581a;
    --ember-bright: #e8722a;
    --gold: #c9943a;
    --gold-light: #e8bc68;
    --teal: #4aada8;
    --teal-dim: #2d7a76;
    --coral: #c85840;
    --cream: #f0e8d8;
    --parchment: #c8b898;
    --mist: #8a8fa8;
    --mist-dim: #505572;
    --green: #4a9a6a;
    --border: rgba(201, 148, 58, 0.14);
    --border-hex: #292820;
    --border-hover: rgba(201, 148, 58, 0.38);
    --panel: rgba(7, 8, 15, 1);

    --primary-font: 'Crimson Pro', Georgia, serif;
    --headers-font: 'Cinzel', serif;
    --primary-font-size: 16px;

    --noice-texture: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.3' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")
}

* {
    box-sizing: border-box;
}

body {
    color: var(--text-color);
    font-family: var(--primary-font), serif;
    margin-left: 220px;
    margin-top: 0;
    margin-right: 0;
    overflow-y: hidden;
    background: var(--void);
}

/*****************************************************************************
 *
 * Scrollbar styles
 *
 *****************************************************************************/

::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: rgba(201, 148, 58, 0.16);
    border-radius: 2px;
}

/*****************************************************************************
 *
 * Common styles
 *
 *****************************************************************************/

.hidden {
    display: none !important;
}