* {
  font-family: 'Work Sans', sans-serif;
}


:root,
[data-bs-theme=light] {
  /* Primary Colors */
  --bs-primary: #6ec038;
  --bs-dark-primary: #468c22;
  --bs-light-primary: #88d055;
  --bs-lighter-primary: #a3df76;
  --bs-lightest-primary: #c3ef9d;
  --bs-blue: #3080e8;
  --bs-light-blue: #5c9ff0;
  --bs-secondary: #6c757d;
  --bs-light-secondary: #8b949e;
  --bs-success: #198754;
  --bs-light-success: #3ea674;
  --bs-danger: #dc3545;
  --bs-light-danger: #e55d6a;
  --bs-warning: #ffc107;
  --bs-light-warning: #ffd34e;
  --bs-info: #0dcaf0;
  --bs-light-info: #4dd9f5;
  --nav-color: #f8fafd;
  --header-border: #6ec038e4;
  --sidebar-list: #eaedf1;
  --bs-card-body: #F5F5F5;
  --badge-success: #6ec038e4;

  /* Grayscale */
  --bs-white: #fff;
  --bs-black: #2b2e41;

  /* Body */
  --bs-body-color: #2b2e41;
  --bs-body-bg: #fff;

  /* Links */
  --bs-link-color: #6ec038;
  --bs-link-hover-color: #468c22;

  /* Borders */
  --border-primary: #6ec038;
  --border-dark-primary: #468c22;
  --border-light-primary: #88d055;
  --border-lighter-primary: #a3df76;
  --border-lightest-primary: #c3ef9d;
  --border-dark: #2b2e41;
  --border-light-dark: #4a5063;
  --border-blue: #3080e8;
  --border-light-blue: #5c9ff0;
  --border-secondary: #6c757d;
  --border-light-secondary: #8b949e;
  --border-success: #198754;
  --border-light-success: #3ea674;
  --border-danger: #dc3545;
  --border-light-danger: #e55d6a;
  --border-warning: #ffc107;
  --border-light-warning: #ffd34e;
  --border-info: #0dcaf0;
  --border-light-info: #4dd9f5;
  --border-input: #6c757d70;
  --input-border-view: #e2e2e2;

  /* text */
  --text-primary: #6ec038;
  --text-dark-primary: #468c22;
  --text-light-primary: #88d055;
  --text-lighter-primary: #a3df76;
  --text-lightest-primary: #c3ef9d;
  --text-dark: #2b2e41;
  --text-light-dark: #4a5063;
  --text-blue: #3080e8;
  --text-light-blue: #5c9ff0;
  --text-secondary: #6c757d;
  --text-light-secondary: #8b949e;
  --text-success: #198754;
  --text-light-success: #39dd91;
  --text-danger: #dc3545;
  --text-light-danger: #e55d6a;
  --text-warning: #ffc107;
  --text-light-warning: #ffd34e;
  --text-info: #0dcaf0;
  --text-light-info: #4dd9f5;
  --text-light: #fff;

  /* Backgrounds */
  --bs-secondary-bg: #f8f9fa;
  --bs-tertiary-bg: #eaedf1;
}



[data-bs-theme=dark] {
  color-scheme: dark;

  /* Body */
  --bs-primary: #6ec038;
  --bs-dark-primary: #468c22;
  --bs-light-primary: #88d055;
  --bs-lighter-primary: #a3df76;
  --bs-lightest-primary: #c3ef9d;
  --bs-blue: #3080e8;
  --bs-light-blue: #5c9ff0;
  --bs-secondary: #8b92a7;
  --bs-light-secondary: #a5abbe;
  --bs-success: #10b981;
  --bs-light-success: #34d399;
  --bs-danger: #ef4444;
  --bs-light-danger: #f87171;
  --bs-warning: #fbbf24;
  --bs-light-warning: #fcd34d;
  --bs-info: #22d3ee;
  --bs-light-info: #67e8f9;
  --nav-color: #1a1d2e;
  --header-border: #6ec03880;
  --sidebar-list: #252a3d;
  --bs-card-body: #1e2231;
  --badge-success: #6ec038;


  /* Backgrounds */
  --bs-body-bg: #151822;
  --bs-secondary-bg: #1e2231;
  --bs-tertiary-bg: #252a3d;

  /* Links */
  --bs-link-color: #6ec038;
  --bs-link-hover-color: #88d055;

  /* Borders */
  --bs-border-color: #2d3348;

  /* Text Colors for Dark Theme */
  --bs-primary-text-emphasis: #6ec038;
  --bs-success-text-emphasis: #10b981;
  --bs-danger-text-emphasis: #ef4444;
  --bs-warning-text-emphasis: #fbbf24;

  /* text */
  --text-primary: #6ec038;
  --text-dark-primary: #468c22;
  --text-light-primary: #88d055;
  --text-lighter-primary: #a3df76;
  --text-lightest-primary: #c3ef9d;
  --text-dark: #e5e7eb;
  --text-light-dark: #c5c7d1;
  --text-blue: #3080e8;
  --text-light-blue: #5c9ff0;
  --text-secondary: #9ca3af;
  --text-light-secondary: #b5bcc8;
  --text-success: #10b981;
  --text-light-success: #34d399;
  --text-danger: #ef4444;
  --text-light-danger: #f87171;
  --text-warning: #fbbf24;
  --text-light-warning: #fcd34d;
  --text-info: #22d3ee;
  --text-light-info: #67e8f9;
  --border-input: #2d3348;
  --text-light: #151822;
  --input-border-view: #2d3348;

  /* Borders */
  --border-primary: #6ec038;
  --border-dark-primary: #468c22;
  --border-light-primary: #88d055;
  --border-lighter-primary: #a3df76;
  --border-lightest-primary: #c3ef9d;
  --border-dark: #2d3348;
  --border-light-dark: #3d4558;
  --border-blue: #3080e8;
  --border-light-blue: #5c9ff0;
  --border-secondary: #2d3348;
  --border-light-secondary: #3d4558;
  --border-success: #10b981;
  --border-light-success: #34d399;
  --border-danger: #ef4444;
  --border-light-danger: #f87171;
  --border-warning: #fbbf24;
  --border-light-warning: #fcd34d;
  --border-info: #22d3ee;
  --border-light-info: #67e8f9;
  --border-input: #2d3348;
}






// bootstrap class override


//  primary color

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

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

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



// primary dark color

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

.bg-dark-primary {
  background-color: var(--bs-dark-primary);
}

.border-dark-primary {
  border-color: var(--border-dark-primary);
}



// primary light color

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

.bg-light-primary {
  background-color: var(--bs-light-primary);
}

.border-light-primary {
  border-color: var(--border-light-primary);
}

// primary lighter color

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

.bg-lighter-primary {
  background-color: var(--bs-lighter-primary);
}

.border-lighter-primary {
  border-color: var(--border-lighter-primary);
}

// primary lightest color

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

.bg-lightest-primary {
  background-color: var(--bs-lightest-primary);
}

.border-lightest-primary {
  border-color: var(--border-lightest-primary);
}


// blue color

.text-blue {
  color: var(--text-blue);
}

.bg-blue {
  background-color: var(--bs-blue);
}

.border-blue {
  border-color: var(--border-blue);
}

// light blue color

.text-light-blue {
  color: var(--text-light-blue);
}

.bg-light-blue {
  background-color: var(--bs-light-blue);
}

.border-light-blue {
  border-color: var(--border-light-blue);
}


// secondary color

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

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

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

// light secondary color

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

.bg-light-secondary {
  background-color: var(--bs-light-secondary);
}

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


// success color

.text-success {
  color: var(--text-success);
}

.bg-success {
  background-color: var(--bs-success);
}

.border-success {
  border-color: var(--border-success);
}

// light success color

.text-light-success {
  color: var(--text-light-success);
}

.bg-light-success {
  background-color: var(--bs-light-success);
}

.border-light-success {
  border-color: var(--border-light-success);
}


// danger color

.text-danger {
  color: var(--text-danger);
}

.bg-danger {
  background-color: var(--bs-danger);
}

.border-danger {
  border-color: var(--border-danger);
}

// light danger color

.text-light-danger {
  color: var(--text-light-danger);
}

.bg-light-danger {
  background-color: var(--bs-light-danger);
}

.border-light-danger {
  border-color: var(--border-light-danger);
}


// warning color

.text-warning {
  color: var(--text-warning);
}

.bg-warning {
  background-color: var(--bs-warning);
}

.border-warning {
  border-color: var(--border-warning);
}

// light warning color

.text-light-warning {
  color: var(--text-light-warning);
}

.bg-light-warning {
  background-color: var(--bs-light-warning);
}

.border-light-warning {
  border-color: var(--border-light-warning);
}


// info color

.text-info {
  color: var(--text-info);
}

.bg-info {
  background-color: var(--bs-info);
}

.border-info {
  border-color: var(--border-info);
}

// light info color

.text-light-info {
  color: var(--text-light-info);
}

.bg-light-info {
  background-color: var(--bs-light-info);
}

.border-light-info {
  border-color: var(--border-light-info);
}

// dark text color

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

.bg-dark {
  background-color: var(--bs-black);
}

.border-dark {
  border-color: var(--border-dark);
}

// light dark color

.text-light-dark {
  color: var(--text-light-dark);
}

.bg-light-dark {
  background-color: var(--border-light-dark);
}

.border-light-dark {
  border-color: var(--border-light-dark);
}

.btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--border-primary);

  &:hover {
    background-color: var(--bs-dark-primary);
    border-color: var(--border-dark-primary);
  }
}

.btn-outline-primary {
  color: var(--text-light);
  border-color: var(--border-primary);

  &:hover {
    background-color: var(--bs-primary);
    border-color: var(--border-primary);
  }
}

// ============================================================
//  GLOBAL HERO TYPOGRAPHY & ALIGNMENT
// ============================================================
.av-hero-title {
  font-size: clamp(2rem, 4vw, 3.2rem) !important;
  line-height: 1.15 !important;
  letter-spacing: -1px !important;
  white-space: nowrap; // Prevent wrapping on words like Empowering
}