/************************************************************************************************************************
	color.css: Color Style Guide (Description of the palette used) and defaults for customizable branding colors.   1d587f - DD6600    553966 - 886C99 - 556270 - 3a4c59

		Copyright (c) 2012-Present - agileKaizen, Ltd., all rights reserved. http://agileKaizen.com

 ************************************************************************************************************************/

:root {
  /* === Core Brand Colors === */
  --bs-blue:        #2D9CDB;  /* Propelier Blue – Focus / Trust */
  --bs-indigo:      #9B51E0;  /* Reflective Purple – Insight / Reflection */
  --bs-purple:      #9B51E0;  /* same as indigo for consistency */
  --bs-pink:        #D63384;  /* Keep Bootstrap default (for alerts, accents) */
  --bs-red:         #EB5757;  /* Alert / Error */
  --bs-orange:      #F2994A;  /* Motivation Orange – Action / Drive */
  --bs-yellow:      #F2C94C;  /* Gold – Reward / Completion */
  --bs-green:       #27AE60;  /* Growth Green – Success */
  --bs-teal:        #6FCF97;  /* Recall / Memory */
  --bs-cyan:        #56CCF2;  /* Cue / Information */
  --bs-black:       #000;
  --bs-white:       #fff;

  /* === Neutral Palette (Greys) === */
  --bs-gray:        #6c757d;
  --bs-gray-dark:   #333333;
  --bs-gray-100:    #f9fafb;
  --bs-gray-200:    #f4f5f6;
  --bs-gray-300:    #e0e0e0;
  --bs-gray-400:    #ced4da;
  --bs-gray-500:    #adb5bd;
  --bs-gray-600:    #6c757d;
  --bs-gray-700:    #495057;
  --bs-gray-800:    #343a40;
  --bs-gray-900:    #212529;

  /* === Bootstrap Contextual Colors === */
  --bs-primary:     var(--bs-blue);      /* Core Brand Color */
  --bs-secondary:   var(--bs-orange);    /* Secondary Brand Accent */
  --bs-success:     var(--bs-green);     /* Completion / Reward */
  --bs-info:        var(--bs-cyan);      /* Cue / Guidance */
  --bs-warning:     var(--bs-yellow);    /* Attention / Highlights */
  --bs-danger:      var(--bs-red);       /* Errors */
  --bs-light:       var(--bs-gray-100);  /* Backgrounds */
  --bs-dark:        var(--bs-gray-900);  /* Text / Contrast */

  /* === RGB equivalents (for transparency use) === */
  --bs-primary-rgb: 45,156,219;
  --bs-secondary-rgb: 242,153,74;
  --bs-success-rgb: 39,174,96;
  --bs-info-rgb: 86,204,242;
  --bs-warning-rgb: 242,201,76;
  --bs-danger-rgb: 235,87,87;
  --bs-light-rgb: 249,250,251;
  --bs-dark-rgb: 33,37,41;

  /* === Text Emphasis === */
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #7b3b09;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;

  /* === Subtle Backgrounds === */
  --bs-primary-bg-subtle:  #cfe9fb;
  --bs-secondary-bg-subtle:#fce8d8;
  --bs-success-bg-subtle:  #d1e7dd;
  --bs-info-bg-subtle:     #e0f6fb;
  --bs-warning-bg-subtle:  #fff6d6;
  --bs-danger-bg-subtle:   #f8d7da;
  --bs-light-bg-subtle:    #fcfcfd;
  --bs-dark-bg-subtle:     #ced4da;

  /* === Subtle Borders === */
  --bs-primary-border-subtle:  #9ec5fe;
  --bs-secondary-border-subtle:#f9c08a;
  --bs-success-border-subtle:  #a3cfbb;
  --bs-info-border-subtle:     #9eeaf9;
  --bs-warning-border-subtle:  #ffe69c;
  --bs-danger-border-subtle:   #f1aeb5;
  --bs-light-border-subtle:    #e9ecef;
  --bs-dark-border-subtle:     #adb5bd;

  /* === Body & Text === */
  --bs-body-bg:         #f9fafb;
  --bs-body-color:      #333333;
  --bs-link-color:      var(--bs-primary);
  --bs-link-hover-color:#1b80b6;
  --bs-border-color:    var(--bs-gray-300);

  /* === Focus & Forms === */
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), 0.25);
  --bs-form-valid-color: var(--bs-success);
  --bs-form-valid-border-color: var(--bs-success);
  --bs-form-invalid-color: var(--bs-danger);
  --bs-form-invalid-border-color: var(--bs-danger);


  /* === LEGACY COMPATIBILITY (optional mappings to old vars) === */
  --primary-color: var(--bs-primary-color);
  --primary-color-dark: var(--bs-primary-color-dark);
  --primary-color-darker: var(--bs-primary-color-darker);
  --secondary-color: var(--bs-secondary-color);
  --background-color: var(--bs-background-color);
}