@layer base {
    :root { --page-background: #faf9f6; }
    [data-section="welcome"] {--glyph-background: oklch(90.5% 0.182 98.111);
--glyph-foreground: oklch(28.6% 0.066 53.813);
--heading-color: oklch(55.4% 0.135 66.442);
--link-color: oklch(55.4% 0.135 66.442);
--focus-color: oklch(68.1% 0.162 75.834);
--selection-background: oklch(94.5% 0.129 101.54);
--selection-foreground: oklch(28.6% 0.066 53.813);}
[data-section="projects"] {--glyph-background: oklch(44.4% 0.177 26.899);
--glyph-foreground: oklch(93.6% 0.032 17.717);
--heading-color: oklch(25.8% 0.092 26.042);
--link-color: oklch(57.7% 0.245 27.325);
--focus-color: oklch(62.7% 0.194 149.214);
--selection-background: oklch(92.5% 0.084 155.995);
--selection-foreground: oklch(26.6% 0.065 152.934);}
[data-section="blog"] {--glyph-background: oklch(81.1% 0.111 293.571);
--glyph-foreground: oklch(28.3% 0.141 291.089);
--heading-color: oklch(38% 0.189 293.745);
--link-color: oklch(49.1% 0.27 292.581);
--focus-color: oklch(54.1% 0.281 293.009);
--selection-background: oklch(89.4% 0.057 293.283);
--selection-foreground: oklch(28.3% 0.141 291.089);}
[data-section="uses"] {--glyph-background: #000;
--glyph-foreground: oklch(79.2% 0.209 151.711);
--heading-color: oklch(26.6% 0.065 152.934);
--link-color: oklch(52.7% 0.154 150.069);
--focus-color: oklch(59.6% 0.145 163.225);
--selection-background: oklch(90.5% 0.093 164.15);
--selection-foreground: oklch(26.2% 0.051 172.552);}
[data-section="socials"] {--glyph-background: oklch(80.9% 0.105 251.813);
--glyph-foreground: oklch(28.2% 0.091 267.935);
--heading-color: oklch(37.9% 0.146 265.522);
--link-color: oklch(21% 0.006 285.885);
--focus-color: oklch(54.6% 0.245 262.881);
--selection-background: oklch(88.2% 0.059 254.128);
--selection-foreground: oklch(28.2% 0.091 267.935);}
[data-section="not-found"] {--glyph-background: oklch(80.8% 0.114 19.571);
--glyph-foreground: oklch(25.8% 0.092 26.042);
--heading-color: oklch(25.8% 0.092 26.042);
--link-color: oklch(44.4% 0.177 26.899);
--focus-color: oklch(57.7% 0.245 27.325);
--selection-background: oklch(88.5% 0.062 18.334);
--selection-foreground: oklch(25.8% 0.092 26.042);}
    @media (prefers-color-scheme: dark) {
      :root { --page-background: #171716; }
      [data-section="welcome"] {--glyph-background: oklch(79.5% 0.184 86.047);
--glyph-foreground: #171716;
--heading-color: oklch(97.3% 0.071 103.193);
--link-color: oklch(79.5% 0.184 86.047);
--focus-color: oklch(85.2% 0.199 91.936);
--selection-background: oklch(47.6% 0.114 61.907);
--selection-foreground: oklch(97.3% 0.071 103.193);}
[data-section="projects"] {--glyph-background: oklch(39.6% 0.141 25.723);
--glyph-foreground: oklch(93.6% 0.032 17.717);
--heading-color: oklch(93.6% 0.032 17.717);
--link-color: oklch(80.8% 0.114 19.571);
--focus-color: oklch(79.2% 0.209 151.711);
--selection-background: oklch(44.8% 0.119 151.328);
--selection-foreground: oklch(96.2% 0.044 156.743);}
[data-section="blog"] {--glyph-background: oklch(43.2% 0.232 292.759);
--glyph-foreground: oklch(94.3% 0.029 294.588);
--heading-color: oklch(89.4% 0.057 293.283);
--link-color: oklch(81.1% 0.111 293.571);
--focus-color: oklch(70.2% 0.183 293.541);
--selection-background: oklch(43.2% 0.232 292.759);
--selection-foreground: oklch(94.3% 0.029 294.588);}
[data-section="uses"] {--glyph-background: oklch(27.4% 0.006 286.033);
--glyph-foreground: oklch(79.2% 0.209 151.711);
--heading-color: oklch(96.2% 0.044 156.743);
--link-color: oklch(87.1% 0.15 154.449);
--focus-color: oklch(76.5% 0.177 163.223);
--selection-background: oklch(43.2% 0.095 166.913);
--selection-foreground: oklch(95% 0.052 163.051);}
[data-section="socials"] {--glyph-background: oklch(42.4% 0.199 265.638);
--glyph-foreground: oklch(93.2% 0.032 255.585);
--heading-color: oklch(97% 0.014 254.604);
--link-color: oklch(92% 0.004 286.32);
--focus-color: oklch(70.7% 0.165 254.624);
--selection-background: oklch(42.4% 0.199 265.638);
--selection-foreground: oklch(93.2% 0.032 255.585);}
[data-section="not-found"] {--glyph-background: oklch(44.4% 0.177 26.899);
--glyph-foreground: oklch(93.6% 0.032 17.717);
--heading-color: oklch(93.6% 0.032 17.717);
--link-color: oklch(80.8% 0.114 19.571);
--focus-color: oklch(70.4% 0.191 22.216);
--selection-background: oklch(44.4% 0.177 26.899);
--selection-foreground: oklch(93.6% 0.032 17.717);}
    }
  }