/* Nette Zaak — sitepresets voor KLANTSITES.
   Zet één preset-class op <html> of <body>. De site leest alleen --c-* tokens.
   Het merk Nette Zaak komt hier niet in voor, behalve als footer-credit. */

[class*="preset-"] {
  background: var(--c-paper); color: var(--c-ink);
  font-family: var(--c-font-body); font-size: 17px; line-height: 1.6;
}
[class*="preset-"] h1, [class*="preset-"] h2, [class*="preset-"] h3 { font-family: var(--c-font-display); }
[class*="preset-"] a { color: var(--c-accent); }
[class*="preset-"] .site-btn {
  background: var(--c-ink); color: var(--c-paper); border-radius: var(--c-radius);
  min-height: 48px; padding: 14px 22px; font-family: var(--c-font-body); font-weight: 600;
  display: inline-flex; align-items: center; justify-content: center; border: 0;
}

/* 01 — Klassieke buurtsalon */
.preset-buurtsalon {
  --c-ink:#3B3226; --c-paper:#FBF7F0; --c-accent:#B0644A; --c-muted:#6E6152;
  --c-font-display:"Lora",Georgia,serif; --c-font-body:"Karla",sans-serif; --c-radius:4px;
}
/* 02 — Moderne barbershop */
.preset-barbershop {
  --c-ink:#F5F1EA; --c-paper:#131313; --c-accent:#C8564A; --c-muted:#A8A29A;
  --c-font-display:"Oswald",sans-serif; --c-font-body:"Work Sans",sans-serif; --c-radius:0;
}
.preset-barbershop h1, .preset-barbershop h2 { text-transform: uppercase; letter-spacing: 0.04em; }
/* 03 — Rustige premium salon */
.preset-premium {
  --c-ink:#2C2A26; --c-paper:#F6F4F0; --c-accent:#5F5D45; --c-muted:#6D6A62;
  --c-font-display:"Cormorant Garamond",Georgia,serif; --c-font-body:"Jost",sans-serif; --c-radius:0;
}
/* 04 — Kleurrijke jonge zaak */
.preset-jong {
  --c-ink:#141414; --c-paper:#FFFFFF; --c-accent:#1F4ED8; --c-muted:#5A5A5A;
  --c-font-display:"Bricolage Grotesque",sans-serif; --c-font-body:"DM Sans",sans-serif; --c-radius:999px;
}
/* 05 — Strakke klinische salon */
.preset-klinisch {
  --c-ink:#1A1D21; --c-paper:#FFFFFF; --c-accent:#3E5C76; --c-muted:#5C6570;
  --c-font-display:"Archivo",sans-serif; --c-font-body:"Archivo",sans-serif; --c-radius:0;
}
/* 06 — Salon aan huis */
.preset-aanhuis {
  --c-ink:#33362E; --c-paper:#F7F6F1; --c-accent:#4C5F45; --c-muted:#6A6E60;
  --c-font-display:"Newsreader",Georgia,serif; --c-font-body:"Karla",sans-serif; --c-radius:4px;
}