/* CSS Design Tokens - Theme System variables */

:root {
    /* Main Branding Colors & Defaults */
    --color-primary: #0d6efd;
    --color-primary-hover: #0a58ca;
    --color-primary-active: #094cb0;
    --color-secondary: #6c757d;
    --color-success: #198754;
    --color-warning: #ffc107;
    --color-danger: #dc3545;
    --color-info: #0dcaf0;
    
    /* Default is Light Theme */
    --color-bg-primary: #ffffff;
    --color-bg-secondary: #f8f9fa;
    --color-surface: #ffffff;
    --color-surface-hover: #f1f3f5;
    --color-text-primary: #212529;
    --color-text-secondary: #495057;
    --color-text-muted: #6c757d;
    --color-border: #dee2e6;
    --color-border-strong: #adb5bd;
    --color-input-bg: #ffffff;
    --color-input-text: #212529;
    --color-input-border: #ced4da;
    --color-shadow: rgba(0, 0, 0, 0.05);
    --color-overlay: rgba(0, 0, 0, 0.4);
    --color-placeholder: #a1a1aa;
    --color-focus: rgba(13, 110, 253, 0.25);
}

/* Explicit Light Theme classes */
body.theme-light, .theme-light {
    --color-bg-primary: #ffffff;
    --color-bg-secondary: #f8f9fa;
    --color-surface: #ffffff;
    --color-surface-hover: #f1f3f5;
    --color-text-primary: #212529;
    --color-text-secondary: #495057;
    --color-text-muted: #6c757d;
    --color-border: #dee2e6;
    --color-border-strong: #adb5bd;
    --color-input-bg: #ffffff;
    --color-input-text: #212529;
    --color-input-border: #ced4da;
    --color-shadow: rgba(0, 0, 0, 0.05);
    --color-overlay: rgba(0, 0, 0, 0.4);
    --color-placeholder: #a1a1aa;
    --color-focus: rgba(13, 110, 253, 0.25);
}

/* Dark Theme overrides */
body.theme-dark, .theme-dark {
    --color-bg-primary: #0f0f1b;
    --color-bg-secondary: #15152a;
    --color-surface: #1b1b36;
    --color-surface-hover: #252549;
    --color-text-primary: #f3f4f6;
    --color-text-secondary: #d1d5db;
    --color-text-muted: #9ca3af;
    --color-border: #2e2e54;
    --color-border-strong: #3e3e70;
    --color-input-bg: #15152a;
    --color-input-text: #f3f4f6;
    --color-input-border: #2e2e54;
    --color-shadow: rgba(0, 0, 0, 0.3);
    --color-overlay: rgba(0, 0, 0, 0.6);
    --color-placeholder: #71717a;
    --color-focus: rgba(13, 110, 253, 0.4);
}