/************************************************************************************************************************
	palette.css: Color Style Guide and defaults for customizable branding colors.   1d587f - DD6600    553966 - 886C99 - 556270 - 3a4c59
		Corporate Base:
		  Primary (Blue):        rgb(35,55,82)   #233752
		  Primary Dark:          rgb(19,38,63)
		  Primary Darker:        rgb(6,21,40)
		  Contrast (Gold):       rgb(255,204,0)  #FFCC00
		  Complimentary (Bronze):rgb(125,95,46)  #7D5F2E
		  Background:            rgb(244,245,246)#F4F5F6

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

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

:root {
  /* === BRAND PRIMITIVES === */
  --brand-primary:                #233752;
  --brand-primary-dark:           #13263F;
  --brand-primary-darker:         #061528;
  --brand-contrast:               #FFCC00;
  --brand-complimentary:          #7D5F2E;
  --brand-background:             #F4F5F6;
  --brand-background-tertiary:    #F7F8F9;
  --brand-surface:                #FFFFFF;
  --brand-outline:                #E2E8F0;	/* used for input focus, subtle shadows */
  --brand-border:                 #D6D9DF;	/* used for cards, panels, list groups */
  --brand-divider:                #474747;	/* used for <hr>, section separators */

  /* === BRAND PRIMITIVES in RGB === */
  --brand-primary-rgb:            35,55,82;
  --brand-primary-dark-rgb:       19,38,63;
  --brand-primary-darker-rgb:     6,21,40;
  --brand-contrast-rgb:           255,204,0;
  --brand-complimentary-rgb:      125,95,46;
  --brand-background-rgb:         244,245,246;
  --brand-surface-rgb:            255,255,255;
  --brand-outline-rgb:			  226,232,240;
  --brand-border-rgb:             214,217,223;
  --brand-divider-rgb:            71,71,71;

  /* === TEXT COLORS === */
  --text-body:                    #474747;
  --text-muted:                   #6E757F;
  --text-muted-light:             #8E9093;
  --text-inverse:                 #F4F7FC;
  --text-muted-inverse:			  #C3D0E0;

  /* === TEXT COLORS in RGB === */
  --text-body-rgb:				  71,71,71;
  --text-placeholder:			  rgba(var(--text-body-rgb), 0.45);

  /* === CORE NEUTRALS (GRAY SCALE) === */
  --bs-black:                     #000000;
  --bs-white:                     #FFFFFF;
  --bs-gray-50:                   #FAFBFC;
  --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 (ADAPTED TO BRAND DNA) === */
  --bs-primary:                   var(--brand-primary);
  --bs-contrast:                  var(--brand-contrast); /* replaces former secondary accent color */
  --bs-secondary:                 var(--bs-gray-600);    /* keep Bootstrap secondary neutral */
  --bs-success:                   #468847;               /* AgileKaizen success green */
  --bs-info:                      #3A87AD;               /* Cue / informational cyan */
  --bs-warning:                   #FFCC00;               /* Gold highlight */
  --bs-danger:                    #B94A48;               /* Alert red */
  --bs-light:                     var(--bs-gray-100);
  --bs-dark:                      var(--bs-gray-900);

  /* === RGB VALUES (FOR TRANSPARENCY) === */
  --bs-primary-rgb:               35,55,82;
  --bs-contrast-rgb:              255,204,0;
  --bs-secondary-rgb:             108,117,125;
  --bs-success-rgb:               39,174,96;
  --bs-info-rgb:                  86,204,242;
  --bs-warning-rgb:               255,204,0;
  --bs-danger-rgb:                235,87,87;
  --bs-orange-rgb:                247,100,0;
  --bs-teal-rgb:                  0,186,148;
  --bs-indigo-rgb:                155,81,224;
  --bs-purple-rgb:                105,0,199;
  --bs-light-rgb:                 249,250,251;
  --bs-dark-rgb:                  33,37,41;
  --bs-black-rgb:                 0,0,0;

  /* === BODY, LINKS, BORDERS === */
  --bs-body-bg:                   var(--brand-background);
  --bs-tertiary-bg:				  var(--brand-background-tertiary);
  --bs-body-color:                var(--text-body);
  --bs-link-color:                var(--brand-primary-dark);
  --bs-link-hover-color:          var(--brand-primary-dark);
  --bs-border-color:              var(--brand-border);

  /* === TEXT EMPHASIS === */
  --bs-primary-text-emphasis:     #13263F;
  --bs-contrast-text-emphasis:    #4C3D00;
  --bs-secondary-text-emphasis:   #495057;
  --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:        #FFFFFF;

  /* === SUBTLE BACKGROUNDS === */
  --bs-primary-bg-subtle:         #E5E8EE;
  --bs-contrast-bg-subtle:        #FFF6CC;
  --bs-secondary-bg-subtle:       #F5F6F7;
  --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:     #B7C1D1;
  --bs-contrast-border-subtle:    #FFEA80;
  --bs-secondary-border-subtle:   #E0E0E0;
  --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;

  /* === FORM & FOCUS === */
  --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 === */
  --primary-color:                var(--brand-primary);
  --primary-color-dark:           var(--brand-primary-dark);
  --primary-color-darker:         var(--brand-primary-darker);
  --secondary-color:              var(--bs-secondary);     /* Bootstrap neutral */
  --contrast-color:               var(--brand-contrast);   /* Brand gold accent */
  --complimentary-color:          var(--brand-complimentary);
  --background-color:             var(--brand-background);
}