/* Fixenix Design Tokens — Variables & Colors */
:root {
    --primary-red: #e31b23;
    --primary-red-dark: #b8121a;
    --bg-body: #0a0a0a;
    --bg-card: #0f0f0f;
    --bg-card-hover: #1a1a1a;
    --bg-navbar: rgba(0, 0, 0, 0.85);
    --bg-sidebar: rgba(8, 8, 8, 0.98);
    --bg-modal: linear-gradient(145deg, #111111, #080808);
    --bg-input: #1e1e1e;
    --border-subtle: rgba(227,27,35,0.2);
    --border-card: #222;
    --text-primary: #ffffff;
    --text-secondary: #aaaaaa;
    --text-muted: #888888;
    --canvas-opacity: 0.4;
}

[data-theme="light"] {
    --bg-body: #f8f7f4;
    --bg-card: rgba(255, 255, 255, 0.7);
    --bg-card-hover: rgba(245, 243, 240, 0.8);
    --bg-navbar: rgba(255, 255, 255, 0.75);
    --bg-sidebar: rgba(255, 255, 255, 0.85);
    --bg-modal: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(248,247,244,0.95));
    --bg-input: rgba(240, 238, 235, 0.8);
    --border-subtle: rgba(0,0,0,0.08);
    --border-card: rgba(0,0,0,0.06);
    --text-primary: #1a1a2e;
    --text-secondary: #4a4a5a;
    --text-muted: #7a7a8a;
    --canvas-opacity: 0.06;
}