workstations and light theme

styles/main.css

@@ -19,6 +19,9 @@
   --glow-cyan: rgba(127, 180, 202, 0.2);
   --glow-green: rgba(152, 187, 108, 0.18);
   --glow-pink: rgba(210, 126, 153, 0.18);
+  --glow-teal: rgba(107, 196, 180, 0.18);
+  --glow-lime: rgba(184, 204, 100, 0.18);
+  --glow-rose: rgba(224, 112, 128, 0.2);
 
   --block-size: 980px;
 
@@ -64,15 +67,18 @@ a:hover {
 }
 
 h1 {
-  font-size: 3.5rem;
+  font-size: clamp(3.5rem, 7vw, 5rem);
+  line-height: 0.95;
 }
 
 h2 {
-  font-size: 2rem;
+  font-size: clamp(1.85rem, 3vw, 2.25rem);
+  line-height: 1;
 }
 
 h3 {
   font-size: 1.5rem;
+  line-height: 1.1;
 }
 
 h4 {
@@ -124,46 +130,6 @@ h6 {
   max-width: 560px;
 }
 
-.tone-blue {
-  --card-accent: var(--primary);
-  --card-glow: var(--glow-blue);
-}
-
-.tone-gold {
-  --card-accent: var(--warm);
-  --card-glow: var(--glow-gold);
-}
-
-.tone-mint {
-  --card-accent: var(--accent);
-  --card-glow: var(--glow-mint);
-}
-
-.tone-purple {
-  --card-accent: #b876d3;
-  --card-glow: var(--glow-purple);
-}
-
-.tone-red {
-  --card-accent: var(--danger);
-  --card-glow: var(--glow-red);
-}
-
-.tone-cyan {
-  --card-accent: #7fb4ca;
-  --card-glow: var(--glow-cyan);
-}
-
-.tone-green {
-  --card-accent: #98bb6c;
-  --card-glow: var(--glow-green);
-}
-
-.tone-pink {
-  --card-accent: #d27e99;
-  --card-glow: var(--glow-pink);
-}
-
 @media (max-width: 560px) {
   body {
     padding-top: 32px;