/* =============================================================
   Leadity — Color tokens
   Teal-leaning neutral core · muted categorical chart palette ·
   four-step semantic scales.
   ============================================================= */

:root {
  /* ---------- Brand ---------- */
  --brand-green:                 #5AB45A;  /* leadity wordmark — brand-mark only */
  --main-color:                  #009640;  /* tenant header bar bg (configurable) */
  --second-color:                #ffffff;  /* header text color */
  --light:                       #f0f5f5;  /* tinted page background */
  --white:                       #ffffff;

  /* ---------- Text ---------- */
  --text-dark:                   #01181D;  /* headlines */
  --text-default:                #05323C;  /* body (NOT pure black) */
  --text-light:                  #829BA0;  /* secondary */

  /* ---------- Neutral scale (teal-leaning) ---------- */
  --neutral-10:                  #f0f5f5;
  --neutral-20:                  #dce7e7;
  --neutral-40:                  #cbd9da;
  --neutral-50:                  #a6b8b9;
  --neutral-60:                  #829ba0;
  --neutral-80:                  #325a5f;
  --neutral-100:                 #05323C;
  --neutral-120:                 #01181D;

  /* ---------- Chart palette (categorical, 20 → 100 ramps) ---------- */
  --chart-neutral-20:  #dce7e7;
  --chart-neutral-40:  #cbd9da;
  --chart-neutral-60:  #829ba0;
  --chart-neutral-80:  #325a5f;
  --chart-neutral-100: #05323C;

  --chart-gold-20:  #E3DCCB;
  --chart-gold-40:  #D5CAB0;
  --chart-gold-60:  #C7B896;
  --chart-gold-80:  #B9A67B;
  --chart-gold-100: #AB9460;

  --chart-green-20:  #CAE3CF;
  --chart-green-40:  #AFD4B8;
  --chart-green-60:  #95C6A0;
  --chart-green-80:  #7AB888;
  --chart-green-100: #5FAA70;

  --chart-aqua-20:  #DAEFF0;
  --chart-aqua-40:  #BDE2E4;
  --chart-aqua-60:  #A0D6D9;
  --chart-aqua-80:  #83C9CD;
  --chart-aqua-100: #66BCC1;

  --chart-lilac-20:  #E6DFF7;
  --chart-lilac-40:  #CDBEEF;
  --chart-lilac-60:  #B39EE7;
  --chart-lilac-80:  #9A7DDF;
  --chart-lilac-100: #815CD7;

  --chart-pink-20:  #F0DAED;
  --chart-pink-40:  #E4BDDF;
  --chart-pink-60:  #D9A0D1;
  --chart-pink-80:  #CD83C3;
  --chart-pink-100: #C166B5;

  --chart-purple-20:  #F0DADB;
  --chart-purple-40:  #E4BDBE;
  --chart-purple-60:  #D9A0A1;
  --chart-purple-80:  #CD8384;
  --chart-purple-100: #C16667;

  /* ---------- Semantic (status) ----------
     Four-step scales: text (100) · background (50) · -light-hover (20) · -light (10).
     warning's text is on the orange ramp; its backgrounds are on the yellow ramp.
     open is grey (neutral); check is the blue scale.
  */
  /* success — green */
  --success-text:                      #1f8a5b;   /* green-100 */
  --success-background:                #3aae74;   /* green-50  */
  --success-background-light-hover:    #bfe4cc;   /* green-20  */
  --success-background-light:          #e2f4ea;   /* green-10  */

  /* warning — orange (text) + yellow (backgrounds) */
  --warning-text:                      #c2521a;   /* orange-100 */
  --warning-background:                #ffb800;   /* yellow-50  */
  --warning-background-light-hover:    #fae8c0;   /* yellow-20  */
  --warning-background-light:          #fff1d7;   /* yellow-10  */

  /* error — red */
  --error-text:                        #bc194a;   /* red-100 */
  --error-background:                  #e84a6b;   /* red-50  */
  --error-background-light-hover:      #ffd4d9;   /* red-20  */
  --error-background-light:            #ffe7ea;   /* red-10  */

  /* open — grey (neutral) */
  --open-text:                         #325a5f;   /* grey-80 */
  --open-background:                   #dce7e7;   /* grey-20 */
  --open-background-light-hover:       #dce7e7;   /* grey-20 */
  --open-background-light:             #f0f5f5;   /* grey-10 */

  /* check — blue */
  --check-text:                        #2073A2;   /* blue-100 */
  --check-background:                  #2591cf;   /* blue-50  */
  --check-background-light-hover:      #c2deea;   /* blue-20  */
  --check-background-light:            #e7f3f9;   /* blue-10  */

  /* legacy aliases (kept from codebase) */
  --colorGreen:                    #5FAA70;
  --colorRed:                      #bc194a;
}