/*
Theme Name: Vietstar LMS
Theme URI: https://elearning.vietstar.edu.vn/
Author: Hoji
Description: Custom LMS theme for Elearning Vietstar. Minimalist, fast, and optimized.
Version: 1.0.0
Text Domain: vietstar-lms
*/

:root {
    /* Brand Colors */
    --brand-bg: #ffffff; /* 60% nền trắng */
    --brand-secondary: #313677; /* Nền phụ / Tiêu đề */
    --brand-cta: #016F37; /* Màu nhấn CTA */
    
    /* Layout */
    --container-max-width: 1200px;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background-color: var(--brand-bg);
    color: #333;
}

/* Global Container Width */
@media (min-width: 1200px) {
    .container {
        max-width: var(--container-max-width) !important;
    }
}

/* Headings Color Override */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: var(--brand-secondary) !important;
}

/* Secondary Background (Footer, Event Sections) */
.bg-secondary-custom {
    background-color: var(--brand-secondary) !important;
    color: #ffffff;
}

/* CTA Buttons Override (Bootstrap Primary -> CTA) */
.btn-primary, .btn-outline-primary {
    background-color: var(--brand-cta) !important;
    border-color: var(--brand-cta) !important;
    color: #ffffff !important;
    transition: all 0.3s ease;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: var(--brand-secondary) !important;
}
.text-primary {
    color: var(--brand-cta) !important;
}
.bg-primary-subtle {
    background-color: rgba(1, 111, 55, 0.1) !important;
}