/* 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-atelier-hero {
  --c-gold: var(--accent);
  --c-gold-dk: var(--accent-strong);
  --c-gold-soft: var(--accent-soft);
}

.sec-bloom-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-aperta-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-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-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);
  --c-accent-tint: var(--accent-soft);
}

.sec-aperta-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-lt: color-mix(in srgb, var(--accent) 62%, white);
  --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-fundament-instagram {
  --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-fundament-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-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-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);
}