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

  /* Primary Colors */
  --b-color: #010805; /* background */
  --s-color: #14c670; /* secondary */ 
  --t-color: #0e8b4e; /* trinary */
  --q-color: #14c6702d; /* quaternary */

  --w-color: #ffffff; /* white */
  --bl-color: #000000; /* black */
  --hr-color: #23ff951e; /* hr */

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

  --i-color: #14c670; /* input */
  --if-color: #14c16d; /* input focus */
  --br-color: #12b365; /* border */
  --brh-color: #042816; /* border hover */
  --marker: #e8fff45d;

  /* Buttons */
  --btn-bg: #14c670; /* 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 */

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

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

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