/* CSS Variables (Design Tokens) */
:root {
    /* Dark Theme */
    --bg-body: #050507;
    --bg-sidebar: #08080a;
    --bg-card: #0e0f13;
    --bg-mini-card: #121318;
    --bg-input: #121215;

    --text-primary: #ffffff;
    --text-secondary: #9ca3af;
    --text-dim: #6b7280;

    --accent-gold: #ffb775;
    --accent-badge: #ff7070;
    --accent-green: #4ade80;
    --accent-blue: #60a5fa;
    --accent-red: #f87171;

    --border-subtle: rgba(255, 255, 255, 0.08);
    --sidebar-width: 340px;
}

[data-theme="light"] {
    --bg-body: #f0f2f5;
    --bg-sidebar: #ffffff;
    --bg-card: #ffffff;
    --bg-mini-card: #f8f9fa;
    --bg-input: #f3f4f6;

    --text-primary: #111827;
    --text-secondary: #4b5563;
    --text-dim: #9ca3af;

    --accent-gold: #b48558;
    --accent-badge: #ff4d4d;

    --border-subtle: rgba(0, 0, 0, 0.08);
}