/* Boje sekcija vezane za `tokens.css` — upisao `build-project-package` (Z166).
 *
 * Svaka sekcija nosi tokene SVOG templata. Ovaj fajl ih veže za `--primary`
 * i `--accent`, pa se boja cijelog sajta mijenja u `tokens.css`, na jednom
 * mjestu.
 *
 * Učitava se POSLIJE `section.css` i ima istu specifičnost — pobjeđuje po
 * redoslijedu. Premješten iznad, ne radi ništa.
 *
 * Boje koje ovdje NISU navedene stoje u `TOKENI.md`, po sekciji: to su
 * neutrali i vlastite nijanse templata, koje se ne izvode iz brenda.
 */

.sec-klar-header {
  --c-primary: var(--primary);
  --c-primary-dk: color-mix(in srgb, var(--primary) 82%, black);
  --c-primary-lt: color-mix(in srgb, var(--primary) 62%, white);
  --c-primary-08: color-mix(in srgb, var(--primary) 8%, transparent);
  --c-primary-16: color-mix(in srgb, var(--primary) 16%, transparent);
  --c-accent: var(--accent);
  --c-accent-dk: var(--accent-strong);
  --c-accent-soft: var(--accent-soft);
}

.sec-haven-hero {
  --c-primary: var(--primary);
  --c-primary-dk: color-mix(in srgb, var(--primary) 82%, black);
  --c-primary-lt: color-mix(in srgb, var(--primary) 62%, white);
  --c-primary-08: color-mix(in srgb, var(--primary) 8%, transparent);
  --c-primary-14: color-mix(in srgb, var(--primary) 14%, transparent);
  --c-accent: var(--accent);
  --c-accent-dk: var(--accent-strong);
  --c-accent-soft: var(--accent-soft);
  --c-accent-tint: var(--accent-soft);
}

.sec-sightline-services {
  --c-primary: var(--primary);
  --c-primary-dk: color-mix(in srgb, var(--primary) 82%, black);
  --c-primary-lt: color-mix(in srgb, var(--primary) 62%, white);
  --c-primary-08: color-mix(in srgb, var(--primary) 8%, transparent);
  --c-primary-14: color-mix(in srgb, var(--primary) 14%, transparent);
  --c-accent: var(--accent);
  --c-accent-dk: var(--accent-strong);
  --c-accent-soft: var(--accent-soft);
  --c-accent-tint: var(--accent-soft);
}

.sec-calm-referenzen {
  --c-primary: var(--primary);
  --c-primary-dk: color-mix(in srgb, var(--primary) 82%, black);
  --c-primary-lt: color-mix(in srgb, var(--primary) 62%, white);
  --c-primary-05: color-mix(in srgb, var(--primary) 5%, transparent);
  --c-primary-10: color-mix(in srgb, var(--primary) 10%, transparent);
  --c-primary-20: color-mix(in srgb, var(--primary) 20%, transparent);
  --c-accent: var(--accent);
  --c-accent-dk: var(--accent-strong);
  --c-accent-soft: var(--accent-soft);
}

.sec-calm-parallax {
  --c-primary: var(--primary);
  --c-primary-dk: color-mix(in srgb, var(--primary) 82%, black);
  --c-primary-lt: color-mix(in srgb, var(--primary) 62%, white);
  --c-primary-05: color-mix(in srgb, var(--primary) 5%, transparent);
  --c-primary-10: color-mix(in srgb, var(--primary) 10%, transparent);
  --c-primary-20: color-mix(in srgb, var(--primary) 20%, transparent);
  --c-accent: var(--accent);
  --c-accent-dk: var(--accent-strong);
  --c-accent-soft: var(--accent-soft);
}

.sec-housecall-about {
  --c-primary: var(--primary);
  --c-primary-dk: color-mix(in srgb, var(--primary) 82%, black);
  --c-primary-lt: color-mix(in srgb, var(--primary) 62%, white);
  --c-accent: var(--accent);
  --c-accent-dk: var(--accent-strong);
  --c-accent-soft: var(--accent-soft);
}

.sec-bloom-results {
  --c-primary: var(--primary);
  --c-primary-dk: color-mix(in srgb, var(--primary) 82%, black);
  --c-primary-lt: color-mix(in srgb, var(--primary) 62%, white);
  --c-primary-08: color-mix(in srgb, var(--primary) 8%, transparent);
  --c-primary-14: color-mix(in srgb, var(--primary) 14%, transparent);
  --c-accent: var(--accent);
  --c-accent-dk: var(--accent-strong);
  --c-accent-soft: var(--accent-soft);
  --c-accent-tint: var(--accent-soft);
}

.sec-sonnenschein-faq {
  --c-primary: var(--primary);
  --c-primary-dk: color-mix(in srgb, var(--primary) 82%, black);
  --c-primary-lt: color-mix(in srgb, var(--primary) 62%, white);
  --c-primary-08: color-mix(in srgb, var(--primary) 8%, transparent);
  --c-primary-14: color-mix(in srgb, var(--primary) 14%, transparent);
}

.sec-haven-cta {
  --c-primary: var(--primary);
  --c-primary-dk: color-mix(in srgb, var(--primary) 82%, black);
  --c-primary-lt: color-mix(in srgb, var(--primary) 62%, white);
  --c-primary-08: color-mix(in srgb, var(--primary) 8%, transparent);
  --c-primary-14: color-mix(in srgb, var(--primary) 14%, transparent);
  --c-accent: var(--accent);
  --c-accent-dk: var(--accent-strong);
  --c-accent-soft: var(--accent-soft);
  --c-accent-tint: var(--accent-soft);
}

.sec-housecall-footer {
  --c-primary: var(--primary);
  --c-primary-dk: color-mix(in srgb, var(--primary) 82%, black);
  --c-primary-lt: color-mix(in srgb, var(--primary) 62%, white);
  --c-accent: var(--accent);
  --c-accent-dk: var(--accent-strong);
  --c-accent-soft: var(--accent-soft);
}