/* Light Theme (Default) - Using #5b9bd5 color scheme */
:root {
    --color-bg: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    --color-fg: #333333;
    --color-primary: #5b9bd5;
    --color-secondary: #ffffff;
    --color-hover: rgba(91, 155, 213, 0.12);
    --color-header-text: #333333;
    --color-button-text: #ffffff;
    
    /* Button Colors */
    --success-color: #28a745;
    --danger-color: #dc3545;
    --warning-color: #ffc107;
    --info-color: #17a2b8;

    --theme-transition: all 0.15s ease-out;
}

[data-theme="dark"] {
    --color-bg: linear-gradient(135deg, #0f1419 0%, #1a2332 40%, #242b3d 100%);
    --color-fg: #e1e8f0;
    --color-primary: #5b9bd5;
    --color-secondary: #242b3d;
    --color-hover: rgba(91, 155, 213, 0.12);
    --color-header-text: #e1e8f0;
    --color-button-text: #ffffff;
    
    /* Button Colors - Dark Theme */
    --success-color: #28a745;
    --danger-color: #dc3545;
    --warning-color: #ffc107;
    --info-color: #17a2b8;
}