/* theme.css — DE SKIN (palet · fonts · contrast), los te vervangen zonder de
   structuur (site.css) te raken. Zelfde token-namen → site.css blijft ongewijzigd.
   Actief: "Groen" — koele crème, apotheekkruis-groen accent, elegante serif
   (Cormorant Garamond, hoog contrast) boven een heldere sans (Public Sans). */

@font-face{
  font-family:'Public Sans';
  font-style:normal; font-weight:100 900; font-display:swap;
  src:url('../fonts/public-sans.woff2') format('woff2');
}
@font-face{
  font-family:'Bricolage Grotesque';
  font-style:normal; font-weight:200 800; font-display:swap;
  src:url('../fonts/bricolage-grotesque.woff2') format('woff2');
}
@font-face{
  font-family:'Cormorant Garamond';
  font-style:normal; font-weight:500 600; font-display:swap;
  src:url('../fonts/cormorant.woff2') format('woff2');
}

:root{
  --font-body:'Public Sans',system-ui,sans-serif;
  --font-display:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --paper:#F6F8F4;  --paper-2:#E9F0EA;  --card:#FCFEFC;
  --ink:#1A2A20;    --ink-soft:#6D7F73;
  --pine:#1E7A44;   --pine-deep:#17603A; --leaf:#7FA88C; --amber:#C08A3E;
  --line:#DCE7DE;   --plate:#FFFFFF;
  --brass:linear-gradient(180deg,#D9C08A,#A98D52);
  --shadow:0 1px 2px rgba(30,60,40,.05),0 12px 32px -16px rgba(30,60,40,.20);
  --on-pine:#F6FBF7;
}
@media (prefers-color-scheme: dark){
  :root{
    --paper:#0E1712;  --paper-2:#13201A;  --card:#182420;
    --ink:#E8F0EA;    --ink-soft:#9DB0A4;
    --pine:#4DB072;   --pine-deep:#2E7A4C; --leaf:#8FB89C; --amber:#D6A44E;
    --line:#26332B;   --plate:#14201B;
    --brass:linear-gradient(180deg,#B29A63,#7E6839);
    --shadow:0 1px 2px rgba(0,0,0,.35),0 14px 34px -16px rgba(0,0,0,.55);
    --on-pine:#0B1710;
  }
}
:root[data-theme="light"]{
  --paper:#F6F8F4; --paper-2:#E9F0EA; --card:#FCFEFC; --ink:#1A2A20; --ink-soft:#6D7F73;
  --pine:#1E7A44; --pine-deep:#17603A; --leaf:#7FA88C; --amber:#C08A3E; --line:#DCE7DE;
  --plate:#FFFFFF; --brass:linear-gradient(180deg,#D9C08A,#A98D52);
  --shadow:0 1px 2px rgba(30,60,40,.05),0 12px 32px -16px rgba(30,60,40,.20); --on-pine:#F6FBF7;
}
:root[data-theme="dark"]{
  --paper:#0E1712; --paper-2:#13201A; --card:#182420; --ink:#E8F0EA; --ink-soft:#9DB0A4;
  --pine:#4DB072; --pine-deep:#2E7A4C; --leaf:#8FB89C; --amber:#D6A44E; --line:#26332B;
  --plate:#14201B; --brass:linear-gradient(180deg,#B29A63,#7E6839);
  --shadow:0 1px 2px rgba(0,0,0,.35),0 14px 34px -16px rgba(0,0,0,.55); --on-pine:#0B1710;
}