/* =========================================================
   EDULEARN UNIVERSAL THEME SYSTEM
   Bootstrap 5.3+ Compatible
   ========================================================= */

/* ---------------------------------------------------------
   ROOT VARIABLES
--------------------------------------------------------- */
:root {

   /* =====================================================
       BRAND COLORS (HEX + RGB REQUIRED)
    ===================================================== */
   --bs-primary: #0d47a1;
   --bs-primary-rgb: 13, 71, 161;

   --bs-secondary: #1565c0;
   --bs-secondary-rgb: 21, 101, 192;

   --bs-success: #2e7d32;
   --bs-success-rgb: 46, 125, 50;

   --bs-info: #0288d1;
   --bs-info-rgb: 2, 136, 209;

   --bs-warning: #f9a825;
   --bs-warning-rgb: 249, 168, 37;

   --bs-danger: #c62828;
   --bs-danger-rgb: 198, 40, 40;

   --bs-light: #f8f9fa;
   --bs-light-rgb: 248, 249, 250;

   --bs-dark: #1f2933;
   --bs-light-bg: #1f2933;
   --bs-dark-rgb: 31, 41, 51;

   /* =====================================================
       BACKGROUNDS
    ===================================================== */
   --bs-body-bg: #f5f7fb;
   --bs-secondary-bg: #ffffff;
   --bs-tertiary-bg: #f9fafb;

   /* =====================================================
       TEXT COLORS
    ===================================================== */
   --bs-body-color: #374151;
   --bs-secondary-color: #6b7280;
   --bs-tertiary-color: #9ca3af;
   --bs-heading-color: #0d47a1;
   --bs-emphasis-color: #111827;

   /* =====================================================
       LINKS
    ===================================================== */
   --bs-link-color: var(--bs-primary);
   --bs-link-hover-color: #08306b;
   --bs-link-decoration: none;
   --bs-link-hover-decoration: underline;

   /* =====================================================
       TYPOGRAPHY
    ===================================================== */
   --bs-body-font-family: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
   --bs-font-sans-serif: var(--bs-body-font-family);
   --bs-font-monospace: 'JetBrains Mono', monospace;

   --bs-body-font-size: 0.95rem;
   --bs-body-font-weight: 400;
   --bs-body-line-height: 1.65;

   --bs-heading-font-weight: 600;

   /* =====================================================
       BORDERS & RADII
    ===================================================== */
   --bs-border-width: 1px;
   --bs-border-style: solid;
   --bs-border-color: #e5e7eb;

   --bs-border-radius: 0.5rem;
   --bs-border-radius-sm: 0.375rem;
   --bs-border-radius-lg: 0.75rem;
   --bs-border-radius-xl: 1rem;
   --bs-border-radius-pill: 50rem;

   /* =====================================================
       SHADOWS
    ===================================================== */
   --bs-box-shadow-sm: 0 4px 10px rgba(0, 0, 0, 0.06);
   --bs-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
   --bs-box-shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.10);

   /* =====================================================
       FOCUS & STATES
    ===================================================== */
   --bs-focus-ring-width: 0.25rem;
   --bs-focus-ring-opacity: 0.25;
   --bs-focus-ring-color: rgba(var(--bs-primary-rgb), 0.25);

   /* =====================================================
       BUTTONS
    ===================================================== */
   --bs-btn-font-weight: 500;
   --bs-btn-padding-y: 0.5rem;
   --bs-btn-padding-x: 1.25rem;
   --bs-btn-border-radius: var(--bs-border-radius);

   /* =====================================================
       FORMS
    ===================================================== */
   --bs-form-control-bg: #ffffff;
   --bs-form-control-color: var(--bs-body-color);
   --bs-form-control-border-color: #d1d5db;
   --bs-form-control-focus-border-color: var(--bs-primary);
   --bs-form-control-focus-box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.15);

   /* =====================================================
       NAVBAR
    ===================================================== */
   --bs-navbar-padding-y: 0.75rem;
   --bs-navbar-brand-font-size: 1.25rem;
   --bs-navbar-brand-font-weight: 600;
   --bs-navbar-color: #374151;
   --bs-navbar-hover-color: var(--bs-primary);
   --bs-navbar-active-color: var(--bs-primary);

   /* =====================================================
       DROPDOWNS
    ===================================================== */
   --bs-dropdown-bg: #ffffff;
   --bs-dropdown-border-color: #e5e7eb;
   --bs-dropdown-border-radius: 0.5rem;
   --bs-dropdown-link-color: #374151;
   --bs-dropdown-link-hover-color: var(--bs-primary);
   --bs-dropdown-link-hover-bg: #f3f4f6;

   /* =====================================================
       CARDS
    ===================================================== */
   --bs-card-bg: #ffffff;
   --bs-card-border-color: #e5e7eb;
   --bs-card-border-radius: 0.75rem;
   --bs-card-box-shadow: var(--bs-box-shadow-sm);

   /* =====================================================
       MODALS
    ===================================================== */
   --bs-modal-content-bg: #ffffff;
   --bs-modal-content-border-radius: 1rem;
   --bs-modal-header-border-color: #e5e7eb;

   /* =====================================================
       ALERTS
    ===================================================== */
   --bs-alert-border-radius: 0.5rem;

   /* =====================================================
       TABLES
    ===================================================== */
   --bs-table-bg: #ffffff;
   --bs-table-striped-bg: #f9fafb;
   --bs-table-hover-bg: #f3f4f6;
   --bs-table-border-color: #e5e7eb;

   /* =====================================================
       ACCORDION
    ===================================================== */
   --bs-accordion-bg: #ffffff;
   --bs-accordion-border-radius: 0.5rem;
   --bs-accordion-button-active-bg: rgba(var(--bs-primary-rgb), 0.1);
   --bs-accordion-button-active-color: var(--bs-primary);

   /* =====================================================
       PROGRESS
    ===================================================== */
   --bs-progress-height: 0.75rem;
   --bs-progress-bg: #e5e7eb;

   /* =====================================================
       TOAST
    ===================================================== */
   --bs-toast-border-radius: 0.75rem;

   /* =====================================================
       Z-INDEX SYSTEM
    ===================================================== */
   --bs-zindex-dropdown: 1050;
   --bs-zindex-sticky: 1020;
   --bs-zindex-fixed: 1030;
   --bs-zindex-modal: 1055;
   --bs-zindex-tooltip: 1080;
}