/* frontend/assets/css/variables.css */
:root {
    --bg-primary: #F8FAFC;
    --bg-surface: #FFFFFF;
    --bg-card: #FFFFFF;
    --text-primary: #0F172A;
    --text-secondary: #475569;
    --border-color: #E2E8F0;
    --accent-color: #2563EB;
    --accent-hover: #1D4ED8;
    --accent-light: #EFF6FF;
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --radius: 12px;
}

[data-theme="dark"] {
    --bg-primary: #0F172A;
    --bg-surface: #1E293B;
    --bg-card: #1E293B;
    --text-primary: #F8FAFC;
    --text-secondary: #94A3B8;
    --border-color: #334155;
    --accent-color: #3B82F6;
    --accent-hover: #60A5FA;
    --accent-light: rgba(59, 130, 246, 0.1);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
}