/**
 * C.A.R.E. Brand Palette (external CSS only)
 * Allowed hues: #15649C (blue), #D03348 (red)
 * Neutrals: black, white, gray
 * Dark backgrounds: white text and icons
 */

:root {
    --care-blue: #15649C;
    --care-red: #D03348;
    --care-black: #000000;
    --care-white: #FFFFFF;
    --care-gray-50: #F7F7F7;
    --care-gray-100: #F3F3F3;
    --care-gray-200: #EEEEEE;
    --care-gray-300: #D1D1D1;
    --care-gray-400: #C2C2C2;
    --care-gray-500: #999999;
    --care-gray-600: #555555;
    --care-gray-700: #333333;
    --care-gray-800: #1C1C1C;
    --care-gray-900: #111111;
    --care-blue-50: #E8F1F7;
    --care-blue-100: #D1E3EF;
    --care-blue-200: #A3C7DF;
    --care-blue-300: #75ABCF;
    --care-blue-400: #478FBF;
    --care-blue-600: #114F7C;
    --care-red-100: #FDEAEC;
    --care-red-200: #FBD5D9;
    --care-red-300: #F5ABB5;
    --care-red-400: #ED7585;
    --care-red-600: #A8293A;
    --color-primary: #15649C;
    --color-primary-50: #E8F1F7;
    --color-primary-100: #D1E3EF;
    --color-primary-200: #A3C7DF;
    --color-primary-300: #75ABCF;
    --color-primary-400: #478FBF;
    --color-primary-500: #15649C;
    --color-primary-600: #114F7C;
    --color-secondary: #D03348;
    --color-heading: #111111;
    --color-section: #E8F1F7;
    --plyr-color-main: #D03348;
    --plyr-video-background: #111111;
}

.home-e-learning,
.home-lms-education,
.home-digital-education,
.home-kindergarten {
    --color-primary: #15649C;
    --color-secondary: #D03348;
    --color-section: #E8F1F7;
}

.bg-green-50,.bg-emerald-50,.bg-teal-50,.bg-cyan-50,.bg-blue-50,.bg-sky-50,.bg-indigo-50,.bg-violet-50,.bg-purple-50{background-color:#E8F1F7!important}
.bg-green-100,.bg-emerald-100,.bg-blue-100,.bg-indigo-100,.bg-purple-100{background-color:#D1E3EF!important}
.bg-green-500,.bg-green-600,.bg-green-700,.bg-emerald-500,.bg-emerald-600,.bg-blue-500,.bg-blue-600,.bg-blue-700,.bg-sky-500,.bg-indigo-500,.bg-violet-500,.bg-purple-500,.bg-purple-600,.bg-teal-500,.bg-cyan-500{background-color:#15649C!important;color:#FFF!important}
.bg-red-50,.bg-rose-50,.bg-pink-50,.bg-orange-50,.bg-amber-50,.bg-yellow-50{background-color:#FDEAEC!important}
.bg-red-100,.bg-orange-100,.bg-amber-100,.bg-yellow-100{background-color:#FDEAEC!important}
.bg-red-500,.bg-red-600,.bg-red-700,.bg-rose-500,.bg-pink-500,.bg-orange-500,.bg-orange-600,.bg-amber-500,.bg-amber-600,.bg-yellow-500,.bg-yellow-600{background-color:#D03348!important;color:#FFF!important}
.text-green-500,.text-green-600,.text-green-700,.text-emerald-500,.text-blue-500,.text-blue-600,.text-indigo-500,.text-purple-500,.text-success,.text-info{color:#15649C!important}
.text-red-500,.text-red-600,.text-orange-500,.text-amber-500,.text-yellow-500,.text-yellow-600,.text-pink-500,.text-danger,.text-warning,.text-orange-600{color:#D03348!important}

/* === FORCE BRAND BUTTON/BADGE VARIANTS === */
.btn-success-solid,
.btn.btn-success-solid,
.btn-success-icon-solid,
.badge-success-solid,
.badge.badge-success-solid,
.btn-info-solid,
.btn.btn-info-solid,
.btn-info-icon-solid,
.badge-info-solid,
.btn-primary-solid,
.btn.btn-primary-solid,
.btn-primary-icon-solid,
.badge-primary-solid,
.btn-primary,
.bg-primary,
.bg-primary-500,
.bg-primary-600 {
  background-color: #15649C !important;
  border-color: #15649C !important;
  color: #FFFFFF !important;
}

.btn-warning-solid,
.btn.btn-warning-solid,
.btn-warning-icon-solid,
.badge-warning-solid,
.badge.badge-warning-solid,
.btn-danger-solid,
.btn.btn-danger-solid,
.btn-danger-icon-solid,
.badge-danger-solid,
.btn-secondary-solid,
.btn.btn-secondary-solid,
.btn-secondary-icon-solid,
.badge-secondary-solid,
.btn-secondary,
.bg-secondary,
.bg-secondary-500,
.bg-secondary-600 {
  background-color: #D03348 !important;
  border-color: #D03348 !important;
  color: #FFFFFF !important;
}

.btn-success-light,
.btn-success-icon-light,
.btn-info-light,
.btn-info-icon-light,
.btn-primary-light,
.btn-primary-icon-light {
  background-color: rgba(21, 100, 156, 0.15) !important;
  color: #15649C !important;
}

.btn-warning-light,
.btn-warning-icon-light,
.btn-danger-light,
.btn-danger-icon-light,
.btn-secondary-light,
.btn-secondary-icon-light {
  background-color: rgba(208, 51, 72, 0.15) !important;
  color: #D03348 !important;
}

.btn-success-outline,
.btn-info-outline,
.btn-primary-outline {
  color: #15649C !important;
  border-color: rgba(21, 100, 156, 0.5) !important;
  background-color: transparent !important;
}

.btn-warning-outline,
.btn-danger-outline,
.btn-secondary-outline {
  color: #D03348 !important;
  border-color: rgba(208, 51, 72, 0.5) !important;
  background-color: transparent !important;
}

.bg-success,
.bg-success-500,
.bg-success-600,
.bg-success-700,
.bg-info,
.bg-info-500,
.bg-info-600 {
  background-color: #15649C !important;
  color: #FFFFFF !important;
}

.bg-warning,
.bg-warning-500,
.bg-warning-600,
.bg-danger,
.bg-danger-500,
.bg-danger-600 {
  background-color: #D03348 !important;
  color: #FFFFFF !important;
}

.text-success,
.text-success-500,
.text-success-600,
.text-info,
.text-info-500 {
  color: #15649C !important;
}

.text-warning,
.text-warning-500,
.text-warning-600,
.text-danger,
.text-danger-500 {
  color: #D03348 !important;
}

.bg-success-50,
.bg-success-100,
.bg-info-50,
.bg-info-100,
.bg-info-200 {
  background-color: #E8F1F7 !important;
}

.bg-warning-50,
.bg-warning-100,
.bg-danger-50,
.bg-danger-100,
.bg-danger-200,
.bg-orange-50 {
  background-color: #FDEAEC !important;
}

.border-success-200,
.border-success-300,
.border-success-500,
.border-info-200,
.border-info-500,
.border-primary,
.border-orange-200 {
  border-color: #15649C !important;
}

.border-warning-200,
.border-warning-500,
.border-danger-200,
.border-danger-300,
.border-danger-500,
.border-orange-500 {
  border-color: #D03348 !important;
}

.btn-pink-solid,
.btn-extra-solid,
.bg-pink,
.bg-extra {
  background-color: #D03348 !important;
  color: #FFFFFF !important;
}

.dark body,
.dark .text-heading,
.dark .card-title,
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6 {
  color: #FFFFFF !important;
}

.avatar-brand-blue { background-color: #15649C !important; color: #FFFFFF !important; }
.avatar-brand-red { background-color: #D03348 !important; color: #FFFFFF !important; }
.avatar-brand-gray { background-color: #555555 !important; color: #FFFFFF !important; }
.is-hidden { display: none !important; }
.text-force-black { color: #000000 !important; -webkit-text-fill-color: #000000 !important; opacity: 1 !important; }
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #15649C !important;
  color: #FFFFFF !important;
}

/* Dark brand fills: always white text + icons (incl. Remix ::before) */
.bg-primary,
.bg-primary-500,
.bg-primary-600,
.bg-success,
.bg-success-500,
.bg-success-600,
.bg-success-700,
.bg-secondary,
.bg-secondary-500,
.bg-secondary-600,
.bg-danger,
.bg-danger-500,
.bg-danger-600,
.bg-warning,
.bg-warning-500,
.bg-warning-600,
.btn-primary-solid,
.btn.btn-primary-solid,
.btn-secondary-solid,
.btn.btn-secondary-solid,
.btn-success-solid,
.btn.btn-success-solid,
.btn-warning-solid,
.btn.btn-warning-solid,
.btn-danger-solid,
.btn.btn-danger-solid,
.btn-info-solid,
.btn.btn-info-solid,
.b-solid.btn-primary-solid,
.b-solid.btn-secondary-solid,
button.bg-primary,
button.bg-success-600,
button.bg-primary-600,
a.bg-primary,
a.btn-primary-solid {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.bg-primary i,
.bg-primary-500 i,
.bg-primary-600 i,
.bg-success i,
.bg-success-500 i,
.bg-success-600 i,
.bg-success-700 i,
.bg-secondary i,
.bg-secondary-500 i,
.bg-secondary-600 i,
.bg-danger i,
.bg-danger-500 i,
.bg-danger-600 i,
.bg-warning i,
.bg-warning-500 i,
.bg-warning-600 i,
.btn-primary-solid i,
.btn-secondary-solid i,
.btn-success-solid i,
.btn-warning-solid i,
.btn-danger-solid i,
.btn-info-solid i,
.b-solid i,
.bg-primary [class^="ri-"],
.bg-primary [class*=" ri-"],
.bg-success-600 [class^="ri-"],
.bg-success-600 [class*=" ri-"],
.bg-primary-600 [class^="ri-"],
.btn-primary-solid [class^="ri-"],
.btn-secondary-solid [class^="ri-"],
.btn-success-solid [class^="ri-"],
.btn-warning-solid [class^="ri-"],
.b-solid [class^="ri-"],
.b-solid [class*=" ri-"],
button.bg-primary i,
button.bg-success-600 i,
button.bg-primary-600 i,
a.bg-primary i,
a.btn-primary-solid i,
.bg-primary i::before,
.bg-success-600 i::before,
.bg-primary-600 i::before,
.btn-primary-solid i::before,
.btn-secondary-solid i::before,
.btn-success-solid i::before,
.b-solid i::before,
button.bg-primary [class^="ri-"]::before,
button.bg-success-600 [class^="ri-"]::before,
button.bg-primary [class*=" ri-"]::before,
button.bg-success-600 [class*=" ri-"]::before {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  opacity: 1 !important;
}

.bg-primary svg,
.bg-primary-500 svg,
.bg-primary-600 svg,
.bg-success-600 svg,
.btn-primary-solid svg,
.btn-secondary-solid svg,
.b-solid svg {
  fill: currentColor;
  color: #FFFFFF !important;
}

/* Override conflicting text-* utilities on dark brand buttons */
.bg-primary.text-primary,
.bg-primary-600.text-primary,
.bg-success-600.text-primary,
.bg-primary .text-primary,
.bg-success-600 .text-primary,
.btn-primary-solid.text-primary,
.bg-primary.text-success,
.bg-success-600.text-success,
.bg-primary .text-success,
.bg-success-600 .text-success,
.bg-primary .text-gray-400,
.bg-primary .text-gray-500,
.bg-success-600 .text-gray-400,
.bg-success-600 .text-gray-500,
button.bg-primary.text-primary,
button.bg-success-600.text-primary,
button.bg-primary .text-primary,
button.bg-success-600 .text-primary {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* care-brand-rebuild:2026-08-03e */