/*
Theme Name:  Brand Perspective - kurs Dna moczanowa
Theme URI:   https://brandperspective.pl
Template:    brand-perspective
Author:      Brand Perspective
Description: Motyw potomny strony sprzedażowej kursu online. Rdzen (progi rem, szerokosc tresci, naglowek i stopka z klockow, paleta i przyciski z „Dostosuj", formularz kontaktowy) pochodzi z motywu nadrzednego. Tutaj siedzi wylacznie to, co nalezy do tej jednej strony: sekcje strony sprzedazowej i okno wideo.
Version:     1.7.0
Requires at least: 6.5
Requires PHP: 8.0
License:     GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: brand-perspective-infermed
*/

/* =====================================================================
   TOKENY TEJ STRONY

   Paleta, kroje, rozmiary pisma i przyciski przychodza z „Dostosuj"
   motywu nadrzednego (zmienne --bp-...). Tutaj stoja wylacznie kolory,
   ktorych panel nie ma: kremowe tla, zloty akcent, ciemne tla blokow,
   pomaranczowe etykiety.

   Kolor wpisany wprost stoi WYLACZNIE w tej liscie. Kazda regula nizej
   i w `assets/css/strona.css` siega po zmienna.

   Kontrast (M21) policzony dla kazdej pary tekst / tlo:
   - etykiety i numery na jasnych tlach: --im-etykieta (co najmniej 4,5:1),
   - drugi wiersz tytulu (duzy tekst): --im-bursztyn (co najmniej 3:1),
   - zloty napis tylko na tlach ciemnych (--im-ciemny i ciemniejszych),
   - zlote kropki na pasie tematow: --im-zloto-jasne (3:1 na morskim).
   ===================================================================== */

:root {
	/* Tla jasne */
	--im-krem:            #fffcf3;
	--im-karta-jasna:     #fbf6ea;
	--im-bialy:           #ffffff;
	--im-ramka-tlo:       #efe8d6;
	--im-woda-jasna:      #eaf4f1;
	--im-lod:             #cfe5df;
	--im-lod-cien:        #a9cdc4;
	--im-gl-chip:         rgba(10, 58, 52, .6);
	--im-gl-bryla-gora:   rgba(255, 252, 243, .24);
	--im-gl-bryla-dol:    rgba(255, 252, 243, .04);
	--im-gl-obrys:        rgba(255, 252, 243, .28);

	/* Tla ciemne */
	--im-ciemny:          #0d4f47;
	--im-najciemniejszy:  #0a3a34;
	--im-glebia:          #082e29;
	--im-grafit:          #1b1b1b;

	/* Akcenty */
	--im-zloto:           #f2b33d;
	--im-zloto-jasne:     #ffd27a;
	--im-bursztyn:        #c46f00;
	--im-etykieta:        #a65800;
	--im-krem-tekst:      #fffcf3;
	--im-krem-poboczny:   rgba(255, 252, 243, .88);
	--im-krem-slaby:      rgba(255, 252, 243, .12);
	--im-krem-linia:      rgba(255, 252, 243, .25);
	--im-morska-linia:    rgba(20, 122, 110, .16);
	--im-morska-mgla:     rgba(20, 122, 110, .10);
	--im-cien:            rgba(13, 79, 71, .5);
	--im-cien-mocny:      rgba(13, 79, 71, .7);
	--im-zaslona:         rgba(10, 30, 27, .82);
	--im-poswiata-zlota:  rgba(242, 179, 61, .30);
	--im-poswiata-zlota-slaba: rgba(242, 179, 61, .18);
	--im-lod-swiatlo:     rgba(255, 252, 243, .22);
	--im-lod-swiatlo-slabe: rgba(255, 252, 243, .04);
	--im-cien-czarny:     rgba(0, 0, 0, .5);
	--im-cien-czarny-mocny: rgba(0, 0, 0, .7);
	--im-puls:            rgba(255, 149, 0, .55);
	--im-przezroczysty:   rgba(255, 255, 255, 0);

	/* Kroj liczb, cen i wyroznien - ten sam co naglowkow */
	--im-pismo-wyroznien: var(--bp-pismo-naglowki, var(--bp-pismo));
}

/* Cala witryna stoi na kremowym tle z projektu. */
body.im-strona {
	background: var(--im-krem);
}

/* Naglowki sekcji strony glownej (tylko `.im-tresc` - podstrony
   i formularz zostaja przy regulach motywu nadrzednego): kroj i kolor
   z „Dostosuj", rozmiar z „Rozmiarow pisma".
   Projekt ma naglowki ciete ciasno - tylko grubosc, interlinia i odstep
   liter, bez rozmiaru. */
.im-tresc h1,
.im-tresc h2,
.im-tresc h3 {
	font-weight: 700;
	letter-spacing: -.02em;
	line-height: 1.08;
	text-wrap: balance;
	margin: 0;
}

.im-strona p {
	text-wrap: pretty;
}

html {
	scroll-behavior: smooth;
}

/* Kotwice menu nie chowaja tytulu sekcji pod przyklejonym naglowkiem. */
.im-glowna [id] {
	scroll-margin-top: 10rem;
}

/* Stopka na ciemnym morskim tle (najciemniejszy odcien z palety - przy
   nim drobny napis praw autorskich ma kontrast 4,5:1, M21); logo w wersji na ciemne tlo
   (podmienia je `includes/naglowek.php`) bez filtra rozjasniajacego. */
.im-strona .bp-stopka {
	background: var(--im-glebia);
}

.im-strona .bp-stopka__logo-obraz.im-logo-ciemne {
	filter: none;
}

/* F5: naglowek boxu formularza w kolorze tekstu. Motyw nadrzedny nie
   nadaje mu koloru, wiec dziedziczy kolor naglowkow - tu morski, inny niz
   kolor tekstu. Do zdjecia, gdy poprawka trafi do motywu nadrzednego
   (DO-ZROBIENIA -50). */
.im-strona .bp-kontakt-strona__boks-tytul {
	color: var(--bp-tekst);
}

/* Informacja dla redaktora o brakujacym materiale (odwiedzajacy jej nie widzi). */
.im-uzupelnij {
	display: inline-block;
	padding: .4rem .8rem;
	color: var(--bp-blad);
	font-size: 1.5rem;
	font-weight: 600;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}