/* ==========================================================================
   Bory Home — design tokens
   Źródło: design_handoff_boryhome_rebranding/README.md
   Wartości pobrane z prototypu, nie zmieniać bez ustaleń z klientem.
   ========================================================================== */

:root {
  /* --- Kolor marki --- */
  --bh-accent:            #FFEF3F; /* pipeta z produkcyjnej strony klienta */
  --bh-accent-bg:         #FFFCE0;
  --bh-accent-strong:     #F5DE00;

  /* --- Granaty --- */
  --bh-ink:               #0C1A22;
  --bh-ink-soft:          #16262F;
  --bh-ink-border:        #24363F;

  /* --- Tła i obwódki --- */
  --bh-surface:           #FFFFFF;
  --bh-surface-alt:       #F7F9FA;
  --bh-border:            #ECEFF1;
  --bh-border-strong:     #E4E9EB;
  --bh-rule:              #F0F3F4;

  /* --- Tekst --- */
  --bh-text-2:            #6B7A84;
  --bh-text-3:            #41535E;
  --bh-text-4:            #9AA8B1;
  --bh-muted:             #CBD5DA;

  /* Szarości na granacie — trzy poziomy z prototypu (stopka, hero) */
  --bh-on-dark:           #9FB0BB; /* treść i linki w stopce */
  --bh-on-dark-2:         #7E90A0; /* metadane rejestrowe */
  --bh-on-dark-3:         #6C8090; /* etykiety nad treścią */
  --bh-on-dark-lead:      #C8D3DA; /* lead w hero */
  --bh-num-muted:         #C9D2D7; /* numery porządkowe na kartach */

  /* --- Status --- */
  --bh-success:           #5FD08A;
  --bh-error:             #B4442F;
  --bh-error-bg:          #FDF1EE;

  /* --- Typografia --- */
  /* Stos kończy się na `sans-serif`, tak jak w prototypie. Znaki spoza pisma
     marki (np. ✓) rysuje wtedy to samo pismo zapasowe co w projekcie —
     przy `system-ui` znacznik był o 1,8 px szerszy i przesuwał tekst obok. */
  --bh-font: 'Plus Jakarta Sans', sans-serif;

  /* --- Siatka --- */
  --bh-max:    1280px;
  --bh-gutter: 40px;
  /* Pełnoszerokościowe tło, treść zamknięta w --bh-max */
  --bh-pad-x:  max(var(--bh-gutter), calc((100% - var(--bh-max)) / 2 + var(--bh-gutter)));
  --bh-pad-y:  96px;
  --bh-header-h: 78px;

  /* --- Zaokrąglenia --- */
  --bh-r-sm:   8px;
  --bh-r-md:   12px;
  --bh-r-lg:   16px;
  --bh-r-xl:   20px;
  --bh-r-2xl:  26px;
  --bh-pill:   100px;

  /* --- Cienie --- */
  --bh-shadow-card:       0 1px 2px rgba(12, 26, 34, .04);
  --bh-shadow-card-hover: 0 22px 44px -32px rgba(12, 26, 34, .34);
  --bh-shadow-panel:      0 24px 48px -42px rgba(12, 26, 34, .35);
  --bh-shadow-menu:       0 26px 70px -34px rgba(12, 26, 34, .26);
  --bh-shadow-phone:      0 40px 80px -52px rgba(12, 26, 34, .65);

  /* --- Ruch --- */
  --bh-t-fast:  .2s ease;
  --bh-t-base:  .22s ease;
  --bh-t-slow:  .3s cubic-bezier(.2, .8, .2, 1);
}

@media (max-width: 1100px) {
  :root { --bh-pad-y: 72px; --bh-gutter: 28px; }
}

@media (max-width: 720px) {
  :root { --bh-pad-y: 56px; --bh-gutter: 20px; --bh-header-h: 64px; }
}