/* personalbrand.hu · Arculati kézikönyv 1.0 (2026. október, KZH Digital)
   Forrás: Figma baqtGbq0O5SfoYN89iHGhU, "Márka színek" és "Térközök" változók, text style-ok. */
:root {
  /* Elsődleges */
  --ej: #110F0D;       /* alap, háttér */
  --homok: #D9C8A9;    /* logó, címek, elsődleges gomb */
  --ko: #A3937A;       /* másodlagos szöveg sötét alapon, címkék, vonalak */
  --agyag: #6B5A47;    /* mélység, másodlagos szöveg világos alapon */
  /* Semleges */
  --felulet: #1A1714; --vonal: #2D2823; --dio: #3A3129; --pergamen: #EFE7D8; --csont: #FAF7F1;
  /* Tónusok */
  --homok-100:#F5F0E6; --homok-300:#EAE0CD; --homok-700:#9D907A; --homok-900:#61594B;
  --ko-100:#EDE8DF;    --ko-300:#CEC5B6;    --ko-700:#776B59;    --ko-900:#4B4439;
  --agyag-100:#E5DFD8; --agyag-300:#B2A89C; --agyag-700:#504436; --agyag-900:#352D24;
  /* Tipográfia (Google Fonts: Instrument Serif ital@0;1, Instrument Sans 400;500;600) */
  --serif: 'Instrument Serif', 'Iowan Old Style', Georgia, 'Times New Roman', serif;
  --sans: 'Instrument Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --display: 400 168px/0.92 var(--serif); --display-ls: -0.03em;
  --h1: 400 88px/1.00 var(--serif);      --h1-ls: -0.02em;
  --h2: 400 56px/1.05 var(--serif);      --h2-ls: -0.015em;
  --h3: 400 36px/1.12 var(--serif);      --h3-ls: -0.01em;
  --h4: 400 26px/1.20 var(--serif);      --h4-ls: -0.005em;
  --lead: 400 22px/1.50 var(--sans);     --lead-ls: -0.005em;
  --body: 400 16px/1.55 var(--sans);
  --small: 400 13px/1.50 var(--sans);
  --label: 500 12px/1.20 var(--sans);    --label-ls: 0.18em; /* text-transform: uppercase */
  --button: 500 15px/1.00 var(--sans);   --button-ls: 0.02em;
  /* Térköz, forma */
  --space-xs: 8px; --space-s: 16px; --space-m: 24px; --space-l: 40px; --space-xl: 64px; --space-2xl: 120px;
  --radius-s: 4px; --radius-m: 12px; --radius-pill: 999px;
  --hairline: 1px solid color-mix(in srgb, var(--ko) 40%, transparent);
  /* Mozgás */
  --ease: cubic-bezier(.22,.8,.2,1); --ease-io: cubic-bezier(.76,0,.24,1);
  /* Háttér (statikus változat; grain külön réteg 7%-on) */
  --bg-sotet: radial-gradient(120% 90% at 92% 105%, rgba(107,90,71,.55), transparent 60%), radial-gradient(45% 45% at 80% 95%, rgba(217,200,169,.10), transparent 70%), #110F0D;
  --bg-atmenet: linear-gradient(135deg, #110F0D 0%, #2A231D 42%, #8C7B63 78%, #D9C8A9 100%);
  color-scheme: dark;
}