/* CSS Custom Properties and Theming */
:root {
    /* Compact sizing variables */
    --base-font-size: 0.9rem;
    --small-font-size: 0.8rem;
    --large-font-size: 1.1rem;
    --compact-padding: 0.6rem;
    --compact-margin: 0.5rem;
    
    /* Color variables */
    --bg-color: #ffffff;
    --text-color: #212529;
    --card-bg: #fffbfb;
    --border-color: #0b0d0f;
    --navbar-bg: #343a40;
    --navbar-text: #ffffff;
    --input-bg: #ffffff;
    --input-border: #ced4da;
    --shadow: rgba(0, 0, 0, 0.125);
    
    /* Console Colors */
    --console-bg: #1e1e1e;
    --console-text: #212529;
    --console-success: #28a745;
    --console-danger: #dc3545;
    --console-info: #17a2b8;
    --console-primary: #007bff;
    --console-secondary: #6c757d;
    --console-muted: #868e96;
    --console-border: #595c5f;
}

[data-theme="dark"] {
    --bg-color: #1a1a1a;
    --text-color: #e9ecef;
    --card-bg: #2d2d2d;
    --border-color: #495057;
    --navbar-bg: #000000;
    --navbar-text: #ffffff;
    --input-bg: #3d3d3d;
    --input-border: #6c757d;
    --shadow: rgba(255, 255, 255, 0.125);
    
    /* Dark Console Colors */
    --console-bg: #1e1e1e;
    --console-text: #e9ecef;
    --console-success: #4caf50;
    --console-danger: #f44336;
    --console-info: #2196f3;
    --console-primary: #90caf9;
    --console-secondary: #b0bec5;
    --console-muted: #9e9e9e;
    --console-border: #404040;
}