:root {
    /* Backgrounds */
    --bg-app: #121214;
    --bg-surface: #1a1a1e;
    --bg-nav-item-hover: #2a2a30;
    
    /* Borders */
    --border-color: #2d2d34;
    
    /* Text */
    --text-primary: #f0f0f5;
    --text-muted: #a0a0b0;
    
    /* Accents & Buttons */
    --accent: #38bdf8;          /* Vibrant sky blue */
    --accent-hover: #7dd3fc;
    --auth-bg: #22c55e;         /* Success green for sign in/out */
    --auth-text: #ffffff;
}

/* Core Element Bindings */
body {
    background-color: var(--bg-app);
    color: var(--text-primary);
    font-family: system-ui, -apple-system, sans-serif;
    margin: 0;
}

a {
    color: var(--accent);
    text-decoration: none;
}

a:hover {
    color: var(--accent-hover);
}


.error-text {
    color: red;
}