/* SomaCare — tokeny identyfikacji "Zielnik"
   Jedno źródło prawdy dla strony i przyszłej aplikacji pacjenckiej. */

:root{
  /* --- paleta podstawowa --- */
  --sc-papier:          #F4F0E4;  /* tło wszystkiego */
  --sc-papier-jasny:    #FFFCF5;  /* karty, pola formularzy */
  --sc-papier-ciemny:   #EAE4D3;  /* sekcje, wyróżnienia */
  --sc-atrament:        #2C3A31;  /* tekst, logotyp, linie — zamiast czerni */
  --sc-szalwia:         #7C9080;  /* kolor wiodący, duże płaszczyzny */
  --sc-ochra:           #C08A2E;  /* WYŁĄCZNIE akcja: przyciski, linki, CTA */

  /* --- kolory specjalizacji — jeden na nośnik --- */
  --sc-osteopatia:      #7C9080;
  --sc-fizjoterapia:    #4A6C72;
  --sc-dietetyka:       #A8894C;
  --sc-neurologopedia:  #6E4A6B;
  --sc-psychoterapia:   #9A5F73;
  --sc-rezerwa:         #7A5C46;  /* wolne — szósta specjalizacja */

  /* --- linie --- */
  --sc-linia:           rgba(44,58,49,.16);
  --sc-linia-mocna:     rgba(44,58,49,.32);

  /* --- typografia --- */
  --sc-font-naglowek:   'Fraunces', Georgia, serif;
  --sc-font-tekst:      'Karla', Verdana, system-ui, sans-serif;
  --sc-font-etykieta:   'IBM Plex Mono', Consolas, ui-monospace, monospace;

  /* --- skala --- */
  --sc-t-hero:   clamp(2rem, 5vw, 3.5rem);
  --sc-t-h2:     clamp(1.5rem, 3vw, 2.1rem);
  --sc-t-h3:     1.25rem;
  --sc-t-body:   1rem;
  --sc-t-maly:   .875rem;
  --sc-t-etyk:   .6875rem;

  /* --- rytm --- */
  --sc-odstep-1: .5rem;  --sc-odstep-2: 1rem;   --sc-odstep-3: 1.5rem;
  --sc-odstep-4: 2.5rem; --sc-odstep-5: 4rem;
  --sc-promien:  2px;    /* prawie ostre rogi — bez zaokrągleń */
}

/* Logotyp jest krzywymi w pliku SVG, nie tekstem — reguła
   .sc-logotyp została usunięta jako martwa. Gdybyś kiedyś
   składał napis "SomaCare" tekstem, potrzebne ustawienia to:
   Fraunces, opsz 9, wght 600, letter-spacing -1.8%. */


/* etykieta zielnikowa — element rozpoznawczy identyfikacji */
.sc-etykieta{
  display:inline-flex; align-items:center; gap:.55rem;
  padding:.32rem .75rem .32rem .6rem;
  border:1px solid currentColor; border-radius:var(--sc-promien);
  font-family:var(--sc-font-etykieta); font-size:var(--sc-t-etyk);
  letter-spacing:.11em; text-transform:uppercase; line-height:1;
}
.sc-etykieta::before{
  content:""; width:5px; height:5px; border-radius:50%;
  border:1px solid currentColor; flex:none;
}

/* przycisk akcji — ochra występuje TYLKO tutaj */
.sc-przycisk{
  display:inline-block; background:var(--sc-ochra); color:var(--sc-papier-jasny);
  padding:.6rem 1.15rem; border-radius:var(--sc-promien);
  font-family:var(--sc-font-tekst); font-weight:600; font-size:var(--sc-t-maly);
  text-decoration:none; border:0; cursor:pointer;
}
.sc-przycisk--obrys{ background:transparent; color:var(--sc-atrament); border:1px solid var(--sc-linia-mocna); }