/* 30 dni dla Siebie - site contrast R2
   Wszystkie szare teksty mają być naprawdę czytelne. */
:root{
  --site-contrast-text:#111827;
  --site-contrast-soft:#111827;
  --site-contrast-border:#d7dde7;
  --text:#111827;
  --muted:#111827;
}
html,body{color:var(--site-contrast-text);}

body p,
body li,
body dd,
body dt,
body label,
body small,
body figcaption,
body blockquote,
body .muted,
body [class*="muted"],
body [class*="secondary"],
body [class*="subtle"],
body [class*="meta"],
body [class*="summary"],
body [class*="description"],
body [class*="desc"],
body [class*="copy"],
body [class*="lead"],
body [class*="caption"],
body [class*="helper"],
body [class*="eyebrow"],
body [class*="excerpt"],
body [class*="goal"]{
  color:var(--site-contrast-soft)!important;
}

body input::placeholder,
body textarea::placeholder{
  color:#475569!important;
}

body .faq-answer,
body .home-faq__answer,
body .challenge-story-copy,
body .challenge-story-lead,
body .challenge-story-desc,
body .challenge-day-copy,
body .home-refresh-hero__lead,
body .home-platform-definition,
body .home-platform-definition p,
body .home-beta-short,
body .home-hero-promise,
body .fun-facts-text,
body .fun-facts-footnote,
body .challenge-card__excerpt,
body .challenge-card__goal,
body .challenge-card__meta,
body .archive-copy,
body .archive-subcopy,
body .home-controls-demo__lead,
body .home-control-card p,
body .home-gallery-browser__foot,
body .home-gallery-modal__foot,
body .home-projects-heading p,
body .home-archive-banner p,
body .home-related-challenges p,
body .home-section p{
  color:var(--site-contrast-soft)!important;
}

body .chip,
body .tag,
body [class*="pill"]:not(.btn):not([role="button"]),
body [class*="badge"]:not(.btn){
  color:var(--site-contrast-soft)!important;
  border-color:var(--site-contrast-border)!important;
}

html[data-theme="dark"],
body[data-theme="dark"],
[data-theme="dark"],
.theme-dark{
  --site-contrast-text:#f8fafc;
  --site-contrast-soft:#f8fafc;
  --site-contrast-border:#475569;
  --text:#f8fafc;
  --muted:#f8fafc;
}
html[data-theme="dark"] input::placeholder,
body[data-theme="dark"] input::placeholder,
[data-theme="dark"] input::placeholder,
.theme-dark input::placeholder,
html[data-theme="dark"] textarea::placeholder,
body[data-theme="dark"] textarea::placeholder,
[data-theme="dark"] textarea::placeholder,
.theme-dark textarea::placeholder{
  color:#d8e2ec!important;
}


/* R7315 - FUN FAKT na telefonach: około 40% mniejszy wizualnie.
   Dotyczy indexu, dashboardu i podstron Czelendży. Na start.html moduł jest wyłączony. */
@media (max-width:680px){
  .fun-facts-module{
    margin:14px 0!important;
  }
  .fun-facts-module--home{
    width:calc(100% - 14px)!important;
    max-width:calc(100% - 14px)!important;
    margin:14px auto!important;
  }

  .fun-facts-card{
    height:500px!important;
    min-height:500px!important;
    border-radius:18px!important;
  }

  .fun-facts-visual{
    height:138px!important;
    min-height:138px!important;
    padding:4px 8px 0!important;
    border-radius:18px 18px 0 0!important;
  }

  .fun-facts-visual__halo{
    width:128px!important;
  }

  .fun-facts-hero{
    width:min(100%,210px)!important;
    height:134px!important;
    max-height:134px!important;
    transform:translateY(-2px) translateZ(0)!important;
  }

  .fun-facts-copy{
    height:362px!important;
    min-height:362px!important;
    padding:14px 13px 13px!important;
    border-radius:0 0 18px 18px!important;
  }

  .fun-facts-card.has-footnote{
    height:565px!important;
    min-height:565px!important;
  }

  .fun-facts-card.has-footnote .fun-facts-copy{
    height:427px!important;
    min-height:427px!important;
  }

  .fun-facts-topline{
    margin-bottom:7px!important;
    gap:8px!important;
  }

  .fun-facts-kicker{
    padding:6px 8px!important;
    font-size:9px!important;
    letter-spacing:.1em!important;
  }

  .fun-facts-count{
    font-size:9px!important;
    line-height:1.25!important;
  }

  .fun-facts-title,
  .fun-facts-card.has-footnote .fun-facts-title{
    font-size:clamp(18px,5.5vw,22px)!important;
    line-height:1.08!important;
    letter-spacing:-.028em!important;
  }

  .fun-facts-text,
  .fun-facts-card.has-footnote .fun-facts-text{
    margin-top:9px!important;
    font-size:12.5px!important;
    line-height:1.46!important;
  }

  .fun-facts-footnote,
  .fun-facts-card.has-footnote .fun-facts-footnote{
    margin-top:8px!important;
    padding-top:7px!important;
    font-size:9px!important;
    line-height:1.38!important;
  }

  .fun-facts-actions,
  .fun-facts-card.has-footnote .fun-facts-actions{
    gap:7px!important;
    margin-top:11px!important;
  }

  .fun-facts-actions .btn,
  .fun-facts-next{
    min-height:39px!important;
    padding:8px 11px!important;
    border-radius:12px!important;
    font-size:12px!important;
  }
}