/* 
 * Centralized Theme Colors Configuration
 * Modify colors here to change them globally across the entire project
 * This file is loaded before Bootstrap, so Bootstrap will use these colors
 */

/* Light Theme (Default) */
:root {
    /* Theme Color Variables */
    --theme-primary: #006B7C;
    --theme-primary-rgb: 0, 107, 124;
    --theme-secondary: #326550;
    --theme-secondary-rgb: 50, 101, 80;
    --theme-success: #326550;
    --theme-success-rgb: 50, 101, 80;
    --theme-danger: #be123c;
    --theme-danger-rgb: 190, 18, 60;
    --theme-warning: #d97706;
    --theme-warning-rgb: 217, 119, 6;
    --theme-info: #C63727;
    --theme-info-rgb: 198, 55, 39;
    --theme-link: #C63727;
    --theme-link-hover: #91281c;
    --theme-dark: #001B16;
    --theme-dark-rgb: 0, 27, 22;
    
    /* Background Colors */
    --theme-bg: #ffffff;
    --theme-card-bg: #ffffff;
    --theme-navbar-bg: #ffffff;
    --theme-footer-bg: #f5f5f5;
    
    /* Text Colors */
    --theme-text: #333333;
    --theme-text-secondary: var(--theme-secondary);
    --theme-text-muted: var(--theme-secondary);
    
    /* Border Colors */
    --theme-border: #dee2e6;
    --theme-border-light: #e9ecef;
    
    /* Tag and Badge Colors */
    --theme-tag-bg: rgba(0, 0, 0, 0.1);
    --theme-tag-text: inherit;
    
    /* Project-specific Colors */
    --theme-overlay-dark: rgba(0, 0, 0, 0.85);
    --theme-overlay-medium: rgba(0, 0, 0, 0.5);
    
    /* Map to Bootstrap 5 CSS Variables */
    --bs-primary: var(--theme-primary);
    --bs-primary-rgb: var(--theme-primary-rgb);
    --bs-secondary: var(--theme-secondary);
    --bs-secondary-rgb: var(--theme-secondary-rgb);
    --bs-secondary-color: var(--theme-secondary);
    --bs-success: var(--theme-success);
    --bs-success-rgb: var(--theme-success-rgb);
    --bs-danger: var(--theme-danger);
    --bs-danger-rgb: var(--theme-danger-rgb);
    --bs-warning: var(--theme-warning);
    --bs-warning-rgb: var(--theme-warning-rgb);
    --bs-info: var(--theme-info);
    --bs-info-rgb: var(--theme-info-rgb);
    --bs-link-color: var(--theme-link);
    --bs-link-hover-color: var(--theme-link-hover);
    --bs-dark: var(--theme-dark);
    --bs-dark-rgb: var(--theme-dark-rgb);
    --bs-body-bg: var(--theme-bg);
    --bs-body-color: var(--theme-text);
    --bs-border-color: var(--theme-border);
    --bs-card-bg: var(--theme-card-bg);
}

/* Dark Theme */
[data-theme="dark"] {
    /* Theme Color Variables */
    --theme-primary: #006B7C;
    --theme-primary-rgb: 0, 107, 124;
    --theme-secondary: #326550;
    --theme-secondary-rgb: 50, 101, 80;
    --theme-success: #326550;
    --theme-success-rgb: 50, 101, 80;
    --theme-danger: #be123c;
    --theme-danger-rgb: 190, 18, 60;
    --theme-warning: #d97706;
    --theme-warning-rgb: 217, 119, 6;
    --theme-info: #C63727;
    --theme-info-rgb: 198, 55, 39;
    --theme-link: #C63727;
    --theme-link-hover: #91281c;
    --theme-dark: #001B16;
    --theme-dark-rgb: 0, 27, 22;
    
    /* Background Colors */
    --theme-bg: #001B16;
    --theme-card-bg: #002D25;
    --theme-navbar-bg: #001B16;
    --theme-footer-bg: #001310;
    
    /* Text Colors */
    --theme-text: #e0e0e0;
    --theme-text-secondary: var(--theme-secondary);
    --theme-text-muted: var(--theme-secondary);
    
    /* Border Colors */
    --theme-border: #444444;
    --theme-border-light: #3a3a3a;
    
    /* Tag and Badge Colors */
    --theme-tag-bg: rgba(255, 255, 255, 0.15);
    --theme-tag-text: #e0e0e0;
    
    /* Project-specific Colors */
    --theme-overlay-dark: rgba(0, 0, 0, 0.85);
    --theme-overlay-medium: rgba(0, 0, 0, 0.5);
    
    /* Map to Bootstrap 5 CSS Variables for Dark Mode */
    --bs-body-bg: var(--theme-bg);
    --bs-body-color: var(--theme-text);
    --bs-border-color: var(--theme-border);
    --bs-card-bg: var(--theme-card-bg);
}

/* Apply theme colors to body */
body {
    background-color: var(--theme-bg);
    color: var(--theme-text);
}

/* Global Link Overrides */
a {
    color: var(--theme-link);
    transition: color 0.2s ease;
}

a:hover {
    color: var(--theme-link-hover);
}

a:visited {
    color: var(--theme-link-hover);
}