45 lines
1.1 KiB
CSS
45 lines
1.1 KiB
CSS
|
: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 */
|
||
|
|
}
|