/* Generated theme CSS for Gray Theme */
:root {
    /* Main colors */
    --primary-color: #626262;
    --secondary-color: #898989;
    --accent-color: #9a9a9a;
    --bg-color: #e1e1e1;
    --font-color: #242424;
    
    --success-color: #28a745;
    --info-color: #17a2b8;
    --warning-color: #ffc107;
    --danger-color: #dc3545;
    
    /* Footer colors */
    --footer-bg-color: #343a40;
    --footer-text-color: #ffffff;
    --footer-border-color: #495057;
    --footer-link-color: #ced4da;
    
    /* Typography */
    --font-family-base: 'Roboto', sans-serif;
    --font-family-headings: 'Roboto', sans-serif;
}

/* Base styles using theme variables */
body {
    background-color: var(--bg-color);
    color: var(--font-color);
    font-family: var(--font-family-base);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-headings);
}

/* Main color applications */
.btn-primary, .bg-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

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

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

.btn-success, .bg-success {
    background-color: var(--success-color) !important;
    border-color: var(--success-color) !important;
}

.btn-info, .bg-info {
    background-color: var(--info-color) !important;
    border-color: var(--info-color) !important;
}

.btn-warning, .bg-warning {
    background-color: var(--warning-color) !important;
    border-color: var(--warning-color) !important;
}

.btn-danger, .bg-danger {
    background-color: var(--danger-color) !important;
    border-color: var(--danger-color) !important;
}

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

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

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

/* Footer styling */
.site-footer {
    background-color: var(--footer-bg-color);
    color: var(--footer-text-color);
    border-top: 1px solid var(--footer-border-color);
}

.site-footer a, .footer-link {
    color: var(--footer-link-color) !important;
}

.footer-site-name {
    color: var(--footer-text-color);
}

.footer-copyright {
    color: var(--footer-text-color);
}

/* Add custom CSS if provided */