/*
  SwissDent — kezelési oldalak közös CSS-tokenjei.
  Hatókör: csak a treatment-refinement.css és treatment-warm.css saját, kézzel írt
  komponensrétege. A treatment-shared.css egy compilált Tailwind v4 bundle,
  saját belső (--tw-*) token-rendszerrel — azt szándékosan NEM tokenizáljuk itt,
  hogy ne kelljen egy generált keretrendszerbe kézzel belenyúlni.

  Dokumentált reszponzív töréspont (vanilla CSS-ben @media nem tud custom
  property-t használni, ezért itt csak dokumentáljuk, nem definiáljuk élőben):
    - mobil: max-width: 760px
    - prefers-reduced-motion: reduce (animációk kikapcsolása)

  CASCADE-SORREND, TUDATOS DÖNTÉS (ne bontsd meg @layer-be tétellel):
  A treatment-shared.css (Tailwind v4) a saját szabályait @layer blokkokba teszi
  (pl. @layer utilities{ html{scroll-behavior:smooth...} }). A tokens.css és a
  treatment-refinement.css / treatment-warm.css SZÁNDÉKOSAN unlayered marad.
  A CSS-specifikáció szerint bármely unlayered szabály felülír minden layered
  szabályt, függetlenül a forrás-sorrendtől és a specificitástól — ez az oka,
  hogy a horgony-javítás (@see sd-native-anchor-fix) !important NÉLKÜL is felül-
  írja a Tailwind smooth-scroll szabályát; live teszttel ellenőrizve (2026-09-10).
  HA valaha bármelyik saját fájlt @layer-be teszed, ellenőrizd újra ezt a
  viselkedést — a prompt is kifejezetten figyelmeztet erre.
*/
:root{
  /* márka — a promptban is név szerint rögzített, kötelezően megőrzendő színek */
  --treatment-color-cta-orange: #c8501e;   /* fő CTA (narancs) */
  --treatment-color-price-blue: #195fbb;   /* árkártya (kék) */

  /* semleges alap */
  --treatment-color-white: #fff;

  /* szöveg */
  --treatment-color-ink: #173a42;          /* elsődleges sötét szöveg */
  --treatment-color-ink-soft: #47646b;     /* másodlagos szöveg */

  /* mély teal/navy árnyalatok (fejlécek, kiemelések) */
  --treatment-color-teal-deep: #175953;
  --treatment-color-teal-mid: #087578;
  --treatment-color-teal: #168b80;
  --treatment-color-navy-deep: #234953;
  --treatment-color-navy-mid: #164c55;

  /* halvány tint-hátterek (szekció-alapszínek) */
  --treatment-color-tint-cool: #dce9e4;

  /* meleg akcentus (ár-figyelmeztető doboz) */
  --treatment-color-warm-brown: #a8420f;

  /* méret */
  --treatment-radius-sm: 9px;
}