# Szakály Gergő — projekt szabályok

## Nyelv
Minden tartalom és UI szöveg magyar. Gergő egyes szám első személyben beszél
magamról/„én”, a párokat tegezi („ti”, „nálatok”).

## Újrafelhasználhatóság (FONTOS)
Az oldalakat komponensekből építjük, hogy fejlesztésnél is így épüljenek fel.
- Új blokk létrehozása előtt MINDIG a meglévő minták valamelyikét kell használni.
- Kész, ismételt minták (ugyanaz a markup + stílus minden oldalon):
  - **Fejléc**: sticky, világos, logó bal / menü közép / HU·EN + CTA jobb.
  - **Hero**: sötét, teljes szélességű kép + gradiens + címke, H1, bevezető, 2 CTA.
  - **Bizalmi sáv**: bézs sáv, ESZSZÉ jelvény + 3-4 szám (Newsreader szám + nagybetűs címke).
  - **Számozott kártya** („Mit tartalmaz” / csomag / lépések): fehér kártya, 1px #E2D5C6,
    26px padding, Newsreader sorszám #9E522F, 23px serif cím, 15px szöveg.
  - **Képes szolgáltatás-kártya**: kép 4:3 + címke + cím + szöveg + „Részletek →”.
  - **GYIK**: bézs vagy krém szekció, fehér kártyák, 34px kör +/− badge, nyitva árnyék + #E7CFB4 keret.
  - **Kapcsolat**: `Kapcsolat.dc.html` — közös DC, minden oldal `<dc-import name="Kapcsolat">`-tal
    használja `#ajanlat` wrapperben. Ne másoljuk le újra.
  - **Lábléc**: központi logó + idézet + CTA, majd 4 hasáb, alul „Készítette: Unreal Solutions”.
- Ha valami mégis új minta, azt úgy kell megírni, hogy más oldalon is használható legyen,
  és ide fel kell venni a listába.

## Design tokenek (FONTOS — nyers érték SEHOL nem szerepelhet)
Minden szín, betűméret és betűcsalád CSS változó, azonos `:root` blokkban minden
`.dc.html` tetején. Inline stílusban mindig `var(--sg-…)` áll, soha nem hex vagy px.
Új érték csak akkor születhet, ha tokent is kap — és akkor MINDEN oldal `:root`-jába bekerül.

- **Színek**: `--sg-cream #FBF7F1` · `--sg-sand #F4E9DE` · `--sg-line #E2D5C6` ·
  `--sg-accent-soft #E7CFB4` · `--sg-accent #9E522F` · `--sg-muted #6E5F54` · `--sg-ink #2A1D16`
  (+ `--sg-white`, `--sg-disabled`, és az átlátszó változatok: `--sg-cream-85`, `--sg-ink-90` stb.)
- **Betűcsalád**: `--sg-font-display` (Newsreader 400/300, italic idézetekhez) ·
  `--sg-font-ui` (Manrope).
- **Fix méretek**: `--sg-text-2xs 10` · `-xs 11` · `-sm 12` · `-ui 13` · `-ui-lg 14` ·
  `-body-sm 15` · `-body 16` · `-body-lg 17` · `-article 18` · `-lead-sm 19` ·
  `--sg-title-xs 22` · `-sm 23` · `--sg-title 24` · `-md 26` · `-lg 28` · `-xl 30`.
- **Folyékony méretek**: `--sg-lead` · `--sg-lead-lg` · `--sg-display-xs/-sm/-quote/-md/-lg/-xl/-hero`.
- **Ritmus**: `--sg-max 1320px` · `--sg-wide 2560px` · `--sg-section` · `--sg-gutter` · `--sg-radius 0`.

Egymás után következő, azonos hátterű szekciók közé kell háttérváltás (krém ↔ bézs,
hairline kerettel) vagy vonal + rombusz térelválasztó.

## Tartalom
Csak olyan szolgáltatási tény/ár szerepelhet, ami a szakalygergo.hu-n megvan.
Ami még nincs jóváhagyva, azt „Egyeztetés alatt” jelöléssel kell megmutatni.

## Oldalstruktúra
Főoldal · Ceremóniamester · Mikroesküvő koordináció · Esküvői program tanácsadás · Blog.
Fejléc menü: 3 szolgáltatás + Rólam + Referenciák. Galéria és Blog a láblécben is.
Kapcsolat: gergoszakaly@gmail.com, m.me/ceremoniamesterszakaly (telefonszám nincs).