:root {
    /* Primary brand colors */
    --color-primary: #2162f3; /* blue */
    --color-secondary: rgba(255, 187, 0, 0.9); /* purple */
    --color-accent: #df6e3b; /* amber */
    /* Neutrals */
    --color-bg: rgba(255, 255, 255, 1); /* background */
    --color-bg-transparent: rgba(255, 255, 255, 0.76); /* background */
    --color-surface: rgba(0, 0, 0, 0.04); /* light gray */
    --color-surface-transparent: rgba(244, 244, 244, 0.76); /* light gray */
    --color-border: rgba(0, 0, 0, 0.12); /* light gray */
    --color: rgba(0, 0, 0, 1); /* near black */
    --color-muted: rgba(0, 0, 0, 0.65); /* gray */
    --color-muted-2: rgba(0, 0, 0, 0.4); /* gray */
    /* Semantic (useful for states) */
    --color-success: #0cc8a9; /* green */
    --color-warning: #facc15; /* yellow */
    --color-error: #e91e63; /* red */
}

html, body {
    background: var(--color-bg);
    color: var(--color) !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}