/* ══════════════════════════════════════════════════════════════════════════ 
Color scheme ONLY. Load this AFTER style.css in index.html (a second <link>) 
to apply this palette. To make a new color scheme, copy this file, rename it 
(theme-<name>.css), and change only the values below — nothing else in the 
site needs to know about it. 
══════════════════════════════════════════════════════════════════════════ */

:root {
   --tone-1: #142022ff;
   --tone-2: #1e3d3fff;
   --tone-3: #245e62ff;
   --tone-4: #84e7efff;
   --tone-5: #fed202ff;

   --tone-1-rgb: 20, 32, 34;
   --tone-2-rgb: 30, 61, 63;
   --tone-3-rgb: 36, 94, 98;
   --tone-4-rgb: 132, 231, 239;
   --tone-5-rgb: 254, 210, 2;

   --tone-text: #f8fafcff;
   --tone-text-rgb: 248, 250, 252;

   --code-bg: #0e1618ff;
   --code-bg-rgb: 14, 22, 24;

   --h1-color: #80a592ff;
}