:root {
  /* Font Stack */
  --p-font: 'Outfit', sans-serif;
  --s-font: Arial, sans-serif;

  /* Background Colors */
  --b-color:  #010805; /* bg primary */ /* #010805 #04160e #061b11 #063f25 */
  --bs-color: #05130d; /* bg secondary */

  /* Primary Colors */
  --s-color: #14c670; /* secondary */
  --t-color: #0e8b4e; /* trinary */ /* #5bd79b */
  --q-color: #042A18; /* quaternary #042A18 #14c6702d */
  
  --w-color: #ffffff; /* white */
  --bl-color: #000000; /* black */
  --r-color: #da5959; /* red */
  
  --l-color: #e8fff4; /* link */
  --la-color: #14c670; /* link alt */
  
  --i-color: #12b36512; /* input #1b2821 */
  --ib-color: #12b36542; /* input border */
  --if-color: #12b365; /* input focus */

  --hr-color: #23ff951e; /* hr */
  --br-color: #12b365; /* border */
  --brh-color: #042816; /* border hover */
  --tb-color: #12b36542; /* table */
  --marker: #e8fff45d;

  --tooltip: #0C5A34; /* tooltip */

  /* Buttons */
  --btn-bg: #14c670; /* btn background */
  --btn-hover: #11a85f; /* btn hover */

  --cbtn-bg: #12b36512; /* card btn hover */
  --cbtn-hover: #12b3651f; /* card btn hover */

  --pbtn-bg: #084f2d; /* plan sbtn hover */
  --pbtn-hover: #074326; /* plan sbtn hover */

  --width: 72rem;
  --width-md: 58rem;
  --width-sm: 36rem;

  --radius: .375rem;
  --radius-one: 1rem;
  --radius-full: 99rem;

  /* Font Colors */
  --f-color: #e8fff4; /* primary */
  --fs-color: #e8fff4de; /* secondary */
  --ft-color: #e8fff4b2; /* trinary */
  --fq-color: #e8fff48a; /* quaternary */

  --h-color: #43d18c88; /* text highlight */
}

/*
:root {
  /* Font Stack 
  --p-font: 'Outfit', sans-serif;
  --s-font: Arial, sans-serif;

  /* Primary Colors 
  --b-color: #212121; /* background 
  --s-color: #14c670; /* secondary *
  --t-color: #5bd79b; /* trinary 
  --q-color: #e8f9f1; /* quaternary 

  --w-color: #ffffff; /* white 
  --hr-color: #23ff95; /* hr 

  --l-color: #e8fff4; /* link 
  --la-color: #14c670; /* link alt 

  --i-color: #14c670; /* input 
  --if-color: #14c16d; /* input focus 
  --br-color: #0e8b4e; /* border 
  --brf-color: #084f2d; /* border focus 

  /* Button Colors 
  --btn-bg: #12b365; /* btn background 
  --btn-hover: #11a85f; /* btn hover 

  --cbtn-bg: #14c6706c; /* card btn hover 
  --cbtn-hover: #14c6708a; /* card btn hover 

  --sbtn-bg: #e8fff44a; /* card sbtn hover 
  --sbtn-hover: #e8fff46a; /* card sbtn hover 

  /* Font Colors 
  --f-color: #e8fff4; /* primary 
  --fs-color: #4e4e4e; /* secondary 
  --ft-color: #d9f6e8; /* trinary 

  --h-color: #43d18c88; /* text highlight 

  /* Dev Environment
  --s-color: #020420;
  --t-color: #333333;
  --q-color: #020420;
  --fs-color: #cacaca;

  --btn-bg: #1E293B;
  --btn-hover: #1A223A;


    /* Dev Environment
    --s-color: #061b11; /* #04160e #061b11 #063f25 #020420
    --t-color: #333333;
    --q-color: #020420;
  
    --fs-color: #cacaca;
  
    --btn-bg: #14c670; /* #1E293B

}
*/