/* Tarumo – Pohjoinen puu: suunnittelumuuttujat.
   Lähde: Claude Design, tyylisuunta 1a. Ohje: design/pohjoinen-puu/README.md.
   Muuttujien nimet ovat samat kuin prototyypissä, joten tiedoston voi ottaa käyttöön sellaisenaan.
   Fontit: Familjen Grotesk (käyttöliittymä) ja Newsreader (asiantuntijan sanat), Google Fonts. */
/* <link href="https://fonts.googleapis.com/css2?family=Familjen+Grotesk:wght@400;500;600;700&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400&display=swap" rel="stylesheet"> */
:root{
  --bg: #EEF2EE;
  --surface: #FFFFFF;
  --ink: #1C2422;
  --muted: #56635E;
  --line: #D3DCD6;
  --spruce: #24493E;
  --onspruce: #FFFFFF;
  --lichen: #7F9866;
  --amber: #96600F;
  --crit: #B3302C;
  --mod: #56635E;
  --ok: #3A6B32;
  --chip: #E1E9E3;
  --font-ui: "Familjen Grotesk", system-ui, sans-serif;
  --font-quote: "Newsreader", Georgia, serif;
  color-scheme: light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg: #131A18;
    --surface: #1B2421;
    --ink: #E5ECE8;
    --muted: #9AA8A2;
    --line: #2D3935;
    --spruce: #86BBA4;
    --onspruce: #10201A;
    --lichen: #A7BE8B;
    --amber: #E2A54A;
    --crit: #EE6A62;
    --mod: #9AA8A2;
    --ok: #9CCB8A;
    --chip: #24302C;
    color-scheme: dark;
  }
}
:root[data-theme="dark"]{
  --bg: #131A18;
  --surface: #1B2421;
  --ink: #E5ECE8;
  --muted: #9AA8A2;
  --line: #2D3935;
  --spruce: #86BBA4;
  --onspruce: #10201A;
  --lichen: #A7BE8B;
  --amber: #E2A54A;
  --crit: #EE6A62;
  --mod: #9AA8A2;
  --ok: #9CCB8A;
  --chip: #24302C;
  color-scheme: dark;
}