/* GEGENEREERD door build.mjs uit data/merken.json — niet met de hand bewerken.
   Pas de merken aan in de gegevens en bouw opnieuw. */

:root {
  /* Voorbeeld Wonen — Interieurwinkel */
  --merk-wonen-1: #8A4B2A;
  --merk-wonen-2: #F0E4D6;
  --merk-wonen-3: #2F3A33;
  --merk-wonen-1-op: #FFFFFF;
  --merk-wonen-2-op: #1C1C1A;
  --merk-wonen-3-op: #FFFFFF;
  /* Voorbeeld Fysio — Praktijk */
  --merk-fysio-1: #1F4E79;
  --merk-fysio-2: #E4EEF4;
  --merk-fysio-3: #24705F;
  --merk-fysio-1-op: #FFFFFF;
  --merk-fysio-2-op: #1C1C1A;
  --merk-fysio-3-op: #FFFFFF;
  /* Voorbeeld Bakkerij — Ambacht */
  --merk-bakkerij-1: #7A2B2B;
  --merk-bakkerij-2: #F7EFE0;
  --merk-bakkerij-3: #5B4A34;
  --merk-bakkerij-1-op: #FFFFFF;
  --merk-bakkerij-2-op: #1C1C1A;
  --merk-bakkerij-3-op: #FFFFFF;
}

[data-merk-actief="wonen"] {
  --merk-1: var(--merk-wonen-1);
  --merk-1-op: var(--merk-wonen-1-op);
  --merk-2: var(--merk-wonen-2);
  --merk-2-op: var(--merk-wonen-2-op);
  --merk-3: var(--merk-wonen-3);
  --merk-3-op: var(--merk-wonen-3-op);
  --merk-gewicht: 500;
  --merk-tracking: 0.06em;
}

[data-merk-actief="fysio"] {
  --merk-1: var(--merk-fysio-1);
  --merk-1-op: var(--merk-fysio-1-op);
  --merk-2: var(--merk-fysio-2);
  --merk-2-op: var(--merk-fysio-2-op);
  --merk-3: var(--merk-fysio-3);
  --merk-3-op: var(--merk-fysio-3-op);
  --merk-gewicht: 700;
  --merk-tracking: -0.01em;
}

[data-merk-actief="bakkerij"] {
  --merk-1: var(--merk-bakkerij-1);
  --merk-1-op: var(--merk-bakkerij-1-op);
  --merk-2: var(--merk-bakkerij-2);
  --merk-2-op: var(--merk-bakkerij-2-op);
  --merk-3: var(--merk-bakkerij-3);
  --merk-3-op: var(--merk-bakkerij-3-op);
  --merk-gewicht: 800;
  --merk-tracking: 0.02em;
}