:root {
    --c-main-bg: #1e222a;
    --c-sidebar-bg: #16191f;
    --c-topbar-bg: #16191f;
    --c-surface-bg: #12141a;
    --c-surface-alt: #3b4252cc;
    --c-text-1: #d8dee9;
    --c-text-2: #eceff4;
    --c-text-3: #d8dee9;
    --c-text-4: #eceff4;
    --c-text-muted: #81a1c1;
    --c-text-footer: #4c566a;
    --c-brand-primary: #5e81ac;
    --c-brand-secondary: #81a1c1cc;
    --c-brand-tertiary: #88c0d099;
    --c-accent: #16191f;
    --c-cards: #1a1d24;
    --c-shadow: #000000;
    --c-shadow-light: #00000080;
    --c-hover: #88c0d01a;
    --c-hover-white: #ffffff26;
}