/**
 * Theme Variables CSS
 * This file contains CSS variables for the website theme
 * These variables are dynamically generated based on settings in the admin panel
 */

:root {
    /* Primary Colors */
    --primary-color: #0066cc;
    --primary-color-rgb: 0, 102, 204;
    --primary-color-light: #1a8cff;
    --primary-color-dark: #004080;
    
    /* Secondary Colors */
    --secondary-color: #6c757d;
    --secondary-color-rgb: 108, 117, 125;
    --secondary-color-light: #939ba2;
    --secondary-color-dark: #494f54;
    
    /* Accent Colors */
    --accent-color: #fd7e14;
    --accent-color-rgb: 253, 126, 20;
    --accent-color-light: #fea860;
    --accent-color-dark: #c35a02;
    
    /* Text Colors */
    --text-color: #333333;
    --text-color-light: #666666;
    --text-color-lighter: #999999;
    
    /* Background Colors */
    --bg-color: #ffffff;
    --bg-color-alt: #f8f9fa;
    --bg-color-dark: #e9ecef;
    
    /* Border Colors */
    --border-color: #dee2e6;
    --border-color-dark: #ced4da;
    
    /* Success, Warning, Danger Colors */
    --success-color: #28a745;
    --warning-color: #ffc107;
    --danger-color: #dc3545;
    --info-color: #17a2b8;
}

/* Apply theme colors to Bootstrap components */
.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: var(--primary-color-dark);
    border-color: var(--primary-color-dark);
}

.btn-secondary {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
    background-color: var(--secondary-color-dark);
    border-color: var(--secondary-color-dark);
}

.btn-accent {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
    color: #fff;
}

.btn-accent:hover, .btn-accent:focus, .btn-accent:active {
    background-color: var(--accent-color-dark);
    border-color: var(--accent-color-dark);
    color: #fff;
}

/* Text colors */
.text-primary {
    color: var(--primary-color) !important;
}

.text-secondary {
    color: var(--secondary-color) !important;
}

.text-accent {
    color: var(--accent-color) !important;
}

/* Background colors */
.bg-primary {
    background-color: var(--primary-color) !important;
}

.bg-secondary {
    background-color: var(--secondary-color) !important;
}

.bg-accent {
    background-color: var(--accent-color) !important;
}

/* Border colors */
.border-primary {
    border-color: var(--primary-color) !important;
}

.border-secondary {
    border-color: var(--secondary-color) !important;
}

.border-accent {
    border-color: var(--accent-color) !important;
}

/* Navbar styling */
.navbar-custom {
    background-color: var(--primary-color);
}

.navbar-custom .navbar-brand,
.navbar-custom .nav-link {
    color: #fff;
}

.navbar-custom .nav-link:hover {
    color: rgba(255, 255, 255, 0.8);
}

/* Footer styling */
.footer-custom {
    background-color: var(--primary-color-dark);
    color: #fff;
}

.footer-custom a {
    color: rgba(255, 255, 255, 0.8);
}

.footer-custom a:hover {
    color: #fff;
}