/* ====================== */
/* THEME STYLES */
/* ====================== */
:root {
    /* Light Mode Defaults */
    --primary: #3776AB;
    --primary-dark: #2C5D8B;
    --primary-light: #4B8FC7;
    --accent: #4BEE70;
    --accent-dark: #3AC75D;
    --text-primary: #212529;
    --text-secondary: #495057;
    --bg-dark: #F8F9FA;
    --bg-darker: #E9ECEF;
    --bg-card: #FFFFFF;
    --bg-card-hover: #F1F3F5;
    --border: #DEE2E6;
}

[data-theme="dark"] {
    --text-primary: #F8F9FA;
    --text-secondary: #DEE2E6;
    --bg-dark: #121212;
    --bg-darker: #0D0D0D;
    --bg-card: #1E1E1E;
    --bg-card-hover: #2A2A2A;
    --border: #333333;
}

/* Theme Transition */
body {
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Theme Toggle Styles */
.theme-toggle {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: var(--space-xs);
}