/*--------------------------------------------------------------
# 1.  variables
--------------------------------------------------------------*/
:root {

  /* Fonts */
  --font-default: 'Open Sans', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-primary: 'Manrope', sans-serif;
  --font-secondary: 'Poppins', sans-serif;

  /* Text: #3C5062 */
  --color-default: #3C5062;
  --color-default-rgb: 60, 80, 98;

  /* Defult links color - utilizing Info/Secondary Blue #489BC1 */
  --color-links: #EFA910;
  --color-links-hover: #c78d0d;

  /* Primary colors (Main CTA/Headings): #EFA910 (Yellow) */
  --color-primary: #EFA910;
  --color-primary-light: #fbeeb8;
  --color-primary-dark: #c78d0d;

  --color-primary-rgb: 239, 169, 16;
  --color-primary-light-rgb: 251, 238, 184;
  --color-primary-dark-rgb: 199, 141, 13;

  /* Secondary colors (Footer/Dark Blocks): #0A2B4A */
  --color-secondary: #0A2B4A;
  --color-secondary-light: #0f3d69;
  --color-secondary-dark: #051626;

  --color-secondary-rgb: 10, 43, 74;
  --color-secondary-light-rgb: 15, 61, 105;
  --color-secondary-dark-rgb: 5, 22, 38;

  /* General colors */
  /* Secondary Button / Info: #489BC1 */
  --color-info: #489BC1;
  --color-info-dark: #2c7ba0;

  --color-light-blue: #F5F7FA;


  --color-blue: #0F4272;
  /* Mapped to Primary */
  --color-blue-rgb: 15, 66, 114;

  --color-indigo: #6610f2;
  --color-indigo-rgb: 102, 16, 242;

  --color-purple: #6f42c1;
  --color-purple-rgb: 111, 66, 193;

  --color-pink: #f3268c;
  --color-pink-rgb: 243, 38, 140;

  /* Red replaced by Accent Yellow #EFA910 as requested */
  --color-red: #EFA910;
  --color-red-rgb: 239, 169, 16;

  --color-orange: #fd7e14;
  --color-orange-rgb: 253, 126, 20;

  /* Accent / Badge: #EFA910 */
  --color-yellow: #EFA910;
  --color-yellow-rgb: 239, 169, 16;

  --color-green: #059652;
  --color-green-rgb: 5, 150, 82;

  --color-teal: #20c997;
  --color-teal-rgb: 32, 201, 151;

  --color-cyan: #489BC1;
  /* Mapped to Secondary Button */
  --color-cyan-rgb: 72, 155, 193;

  --color-white: #ffffff;
  --color-white-rgb: 255, 255, 255;

  --color-gray: #6c757d;
  --color-gray-rgb: 108, 117, 125;

  --color-black: #000000;
  --color-black-rgb: 0, 0, 0;

}


:root {
  --bs-ilght-blue: var(--color-light-blue);
  --bs-blue: var(--color-blue);
  --bs-indigo: var(--color-indigo);
  --bs-purple: var(--color-purple);
  --bs-pink: var(--color-pink);
  --bs-red: var(--color-red);
  --bs-orange: var(--color-orange);
  --bs-yellow: var(--color-yellow);
  --bs-green: var(--color-green);
  --bs-teal: var(--color-teal);
  --bs-cyan: var(--color-cyan);
  --bs-white: var(--color-white);
  --bs-gray: var(--color-gray);
  --bs-gray-dark: #343a40;
  --bs-gray-100: #F5F7FA;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: var(--color-primary);
  --bs-secondary: var(--color-secondary);
  --bs-success: #198754;
  --bs-info: var(--color-info);
  --bs-warning: var(--color-yellow);
  --bs-danger: var(--color-red);
  /* Now Yellow */
  --bs-light: #F5F7FA;
  --bs-dark: var(--color-secondary);
  --bs-primary-rgb: var(--color-primary-rgb);
  --bs-secondary-rgb: var(--color-secondary-rgb);
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 72, 155, 193;
  --bs-warning-rgb: 239, 169, 16;
  --bs-danger-rgb: 239, 169, 16;
  --bs-light-rgb: 245, 247, 250;
  --bs-dark-rgb: 10, 43, 74;
  --bs-white-rgb: var(--color-white-rgb);
  --bs-black-rgb: var(--color-black-rgb);
  --bs-body-color-rgb: var(--color-default-rgb);
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: var(--font-default);
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--font-default);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: var(--color-default);
  --bs-body-bg: #fff;
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;

}

/*--------------------------------------------------------------
# 3. Set color and background class names
--------------------------------------------------------------*/
/* Fonts */
.font-default {
  font-family: var(--font-default) !important;
}

.font-primary {
  font-family: var(--font-primary) !important;
}

.font-secondary {
  font-family: var(--font-secondary) !important;
}

/* Text Colors */
.color-default {
  color: var(--color-default) !important;
}

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

.color-links:hover {
  color: var(--color-links-hover) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Background Colors */
.bg-info-dark {
  background-color: var(--color-info-dark) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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