:root {
  --clr-accent:         #2ECC8E;
  --clr-accent-dark:    #1FA873;
  --clr-accent-light:   #6EE3B0;
  --clr-accent-glow:    rgba(46,204,142,.28);
  --clr-accent-faint:   rgba(46,204,142,.10);

  --clr-bg:             #FFFEF1;
  --clr-bg-alt:         #F2F1E2;
  --clr-bg-dark:        #14141F;
  --clr-bg-dark2:       #1D1D2E;

  --clr-text:           #14141F;
  --clr-text-muted:     #55564A;
  --clr-text-inv:       #FFFEF1;
  --clr-text-inv-muted: rgba(255,254,241,.72);

  --clr-border:         #E4E2CF;
  --clr-border-dark:    rgba(255,254,241,.14);

  --clr-tag-1:          #2ECC8E;
  --clr-tag-2:          #7C3AED;
  --clr-tag-3:          #2A5CF2;
  --clr-tag-4:          #F0C617;
  --clr-tag-5:          #FF6FA0;

  --clr-hero-overlay:   linear-gradient(0deg, rgba(20,20,31,.92) 0%, rgba(20,20,31,.45) 55%, rgba(20,20,31,.08) 100%);
  --clr-shadow:         0 1px 4px rgba(20,20,31,.08), 0 1px 2px rgba(0,0,0,.04);
  --clr-shadow-md:      0 6px 20px rgba(20,20,31,.10), 0 2px 4px rgba(0,0,0,.05);
  --clr-shadow-accent:  0 6px 24px rgba(46,204,142,.35);
}