/* A statikus lapokba ágyazott SSR-fragmentumok (`<!--ssr-view:…-->`) illesztése
   a gumivezer arculathoz — a séma `ssr.styleFile` kulcsán át tölt be, a keret
   `.ssr-*` váza UTÁN, tehát felülírhatja azt.

   Ez SZÁNDÉKOSAN csak MEGJELENÍTÉS: `--ssr-*` tokenek, tipográfia és térköz.
   Nincs benne viselkedés-átvétel (a keret osztályaira szelektálás funkcióért,
   prototípus-patch, generált URL visszafejtése) — l. AGENTS.md „A keret
   renderelt kimenete nem bővítési pont".

   Miért kell egyáltalán token-készlet: a projekt NEM tölt be SSR design-témát
   (`ssrUi/design/*`), mert egy teljes téma-stíluslap a legacy lap saját
   arculatával versenyezne. A `--ssr-*` vokabulárt viszont a keret váza
   használja, tehát a paletta itt áll elő. A dokumentum-szintű réteg
   (`*{box-sizing}`, `body{…}`) eleve nem jön ki beágyazott fragmentumnál
   (`composeSsrCss({ ownsDocument: false })`), így a lap alapjai érintetlenek.

   Az értékek forrása a lap saját `css/style.css`-e: piros accent #ed1c24,
   sötét törzs #31353d, világos felület #f4f5f5, szögletes sarkok. */

:root {
  --ssr-bg: transparent;
  --ssr-surface: #ffffff;

  --ssr-fg: #31353d;
  --ssr-fg-secondary: #5c6475;
  --ssr-fg-muted: #6f747c;
  --ssr-fg-faint: #b0b0b1;

  --ssr-border: #dcddde;
  --ssr-border-light: #e4e4e4;
  --ssr-border-input: #b0b0b1;

  --ssr-disabled-bg: #f2f2f2;
  --ssr-disabled-border: #dcddde;
  --ssr-disabled-fg: #6f747c;

  --ssr-accent: #ed1c24;
  --ssr-accent-hover: #c4151c;
  --ssr-accent-contrast: #ffffff;
  --ssr-accent-soft: #fdeced;

  --ssr-nav-bg: #31353d;
  --ssr-nav-fg: #ffffff;
  --ssr-nav-item-fg: #f4f5f5;
  --ssr-nav-item-hover-bg: #202328;

  --ssr-banner-bg: #31353d;
  --ssr-banner-fg: #ffffff;
}

/* A keret alap-űrlapja ÖNÁLLÓ lapra készült: középre zárt, 420 px-es kártya
   saját háttérrel, kerettel és belső kitöltéssel. Itt viszont a lap SAJÁT
   rácsában (`grid_4` hasáb, fölötte a „Visszajelzés / Írjon nekünk" fejléc)
   áll — a kártya így dupla keretezés lenne, és a hasábnál keskenyebb. A
   fragmentum a hasáb teljes szélességét kapja, kártya nélkül. */
.ssr-form {
  max-width: none;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
}

/* A lap saját tipográfiája: a `.marked-list`/`address` szövegtörzs 15 px-es,
   a sarkok szögletesek (l. `css/style.css` `.btn`, `.service header`). */
.ssr-form,
.ssr-form-input {
  font-family: inherit;
  font-size: 15px;
}

.ssr-form-inner {
  gap: 20px;
}

.ssr-form-label {
  font-size: 15px;
  font-weight: 400;
  color: var(--ssr-fg-secondary);
}

.ssr-form-input {
  padding: 12px 14px;
  border-radius: 0;
}

textarea.ssr-form-input {
  min-height: 150px;
}

/* A beküldő gomb a lap `.btn`-jének alakját veszi fel (`css/style.css:1045`):
   szögletes, nagybetűs, 600-as vastagság. A SZÍNT nem itt írjuk le — az a
   `--ssr-accent` tokenből jön, tehát egy paletta-váltás mindkettőt viszi. */
.ssr-form-submit {
  padding: 15px 18px;
  border-radius: 0;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  text-transform: uppercase;
}