/* Motyw wilka Probatum (od 17.10.2026). Ładowany jako OSTATNI arkusz na każdej stronie.
   Paleta: kość, czerń, czerwień wilka. Układ, zdjęcia i treści strony zostają bez zmian. */
:root{
  --paper:#f6f3f0;--white:#fff;--ink:#151212;--gray:#625a57;--line:#ddd6d2;--pale:#ece7e3;
  --krew:#d4161b;--krew-ciemna:#a90f13;--noc:#121010;--kosc:#f3efec;
}

/* znak: odznaka wilka + PROBATUM.pl */
.wordmark{display:inline-flex;align-items:center;text-transform:uppercase;letter-spacing:.02em;font-weight:800}
.wordmark .logo-dot{color:var(--krew);text-transform:none;letter-spacing:0}
.wolf-badge{width:1.25em;height:1.25em;border-radius:50%;flex:none;margin-right:.32em}
.footer-word{text-transform:uppercase;letter-spacing:-.03em}
.footer .wolf-motto{margin-top:16px;font-size:12px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--krew)}

/* wyróżnione słowa w nagłówkach: zamiast miękkiej kursywy szeryfowej mocny krój i czerwień */
h1 em,h2 em,h3 em,.editorial-result em,
.direction-layout h2 em,.discover-title em,.discover-agents em,.invitation-layout em,.foundation-heading em,.strategy-layout em{
  font-family:inherit!important;font-style:normal;font-weight:800;letter-spacing:-.05em;color:var(--krew)
}
.spring-copy h1 em{color:var(--krew)}
/* wizytówka „horyzont.” to projekt dla klienta: zostaje w swoim kroju */
.home-work-type em,.concept-main h1 em,.concept-story-grid h2 em,.concept-interior h2 em{font-family:Georgia,'Times New Roman',serif!important;font-style:italic;font-weight:400;color:inherit}

/* akcenty, linki, zaznaczenie */
::selection{background:var(--krew);color:#fff}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:var(--krew)}
.desktop-nav a::after{background:var(--krew)}
.desktop-nav a[aria-current]{color:var(--ink)}
.eyebrow{color:var(--gray)}

/* przyciski: czerwone z białym napisem, ciemne bez zieleni */
.button.primary,.button.lime,.round-cta,.inline-cta,.header-cta:hover,.consent-accept,.skip-link,
.website-switch button[aria-pressed=true],.approval-example>div>span,.home-agent-story>span:last-child,
a:hover .image-action,.service-row:hover .service-arrow,.mobile-contact>a:last-child{
  background:var(--krew)!important;border-color:var(--krew)!important;color:#fff!important
}
.button.primary:hover,.button.lime:hover,.round-cta:hover,.inline-cta:hover,.consent-accept:hover{background:var(--krew-ciemna)!important;border-color:var(--krew-ciemna)!important}
.button.dark,.header-cta,.invitation-layout .primary,.spring-copy .primary{background:var(--noc);border-color:var(--noc);color:#fff}
.button.dark:hover,.invitation-layout .primary:hover{background:var(--krew);border-color:var(--krew)}
.consent-banner-inner a{color:#ff6b62}

/* duże pasy (dawniej limonkowe): czerń, jasny tekst, czerwony akcent */
.studio-close,.agent-section,.offer-navigator,.campaign-stage,.newsletter,.marketing-bridge,
.journal .editorial-visual,.lesson-visual,.contact-aside .contact-card,.article-poster.lime,.no-js-note{
  background:var(--noc)!important;color:var(--kosc)!important
}
:is(.studio-close,.agent-section,.offer-navigator,.campaign-stage,.newsletter,.marketing-bridge,.journal .editorial-visual,.lesson-visual,.contact-aside .contact-card,.article-poster.lime,.no-js-note)
  :is(h1,h2,h3,h4,p,li,span,strong,b,small,label,a:not(.button),.stage-copy p){color:var(--kosc)!important}
:is(.studio-close,.agent-section,.offer-navigator,.campaign-stage,.newsletter,.marketing-bridge,.contact-aside .contact-card) .eyebrow{color:#ff5a50!important}
:is(.studio-close,.agent-section,.offer-navigator,.campaign-stage,.newsletter,.marketing-bridge) :is(h1,h2,h3) em{color:var(--krew)!important}
.studio-close:before,.studio-close:after{border-color:#d4161b30!important}
:is(.studio-close,.agent-section,.offer-navigator,.campaign-stage,.newsletter,.marketing-bridge,.contact-aside .contact-card) .button:not(.primary):not(.lime){background:var(--krew);border-color:var(--krew);color:#fff}
:is(.studio-close,.contact-aside .contact-card) .button.dark{background:var(--krew);border-color:var(--krew);color:#fff}
.contact-aside .contact-card a{color:#fff!important}

/* nagłówki podstron: botaniczne zdjęcia w czerni i bieli, drzewo na stronie głównej zostaje w kolorze */
.immersive-opening img,.immersive-opening video{filter:grayscale(1) contrast(1.06) brightness(1.02)}
.opening-gallery img,.gallery-card img{filter:none}

/* drobne powierzchnie, które zostały zielonkawe w treści stron */
.form-status{background:#f1e9e7;border-color:#e2c9c5}
.article-body a{color:var(--krew)}
.article-body blockquote{border-left-color:var(--krew)}
.reading-progress,.quote-progress>span{background:var(--krew)}
.choice input:checked+span{background:var(--noc);border-color:var(--noc);color:#fff}
.agent-symbol{background:var(--noc)}
.agent-symbol span,.article-poster .poster-symbol,.flow-node.hub .flow-icon,.flow-node.hub.is-lit .flow-icon{color:var(--krew)}
.article-poster{background:var(--noc)}
.signature{color:var(--krew)}
.about-statement,.big-close,.service-stage,.academy-stage,.control-board,.ad-design{background:var(--noc)}
.ak-promo{background:#d4161b14!important;border:1px solid #d4161b40}
@media (max-width:900px){.footer-top>div:first-child{display:block}.footer-top>div:first-child>p{margin-top:14px}}
.footer .footer-top p.wolf-motto{color:var(--krew)!important;font-size:12px!important}
