/* 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-aperta-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-accent: var(--accent);
  --c-accent-dk: var(--accent-strong);
  --c-accent-lt: color-mix(in srgb, var(--accent) 62%, white);
  --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-fundament-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-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-bloom-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-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-nordlicht-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-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);
}

.sec-sightline-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-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-meridian-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-haven-gallery {
  --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-radix-faq {
  --c-accent: var(--accent);
  --c-accent-lt: color-mix(in srgb, var(--accent) 62%, white);
  --c-accent-dk: var(--accent-strong);
  --c-accent-08: color-mix(in srgb, var(--accent) 8%, transparent);
  --c-accent-20: color-mix(in srgb, var(--accent) 20%, transparent);
}

.sec-calm-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-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);
}