/* ==========================================================================
   NETDOKTOR BRAND LAYER - theme tokenek
   --------------------------------------------------------------------------
   Eredet: NEW CLEAN IMPLEMENTATION.

   Ez a reteg KIZAROLAG a Generic Clean Shell token-ertekeit irja felul.
   Nem definial uj komponenst es nem modositja a shell mukodeset - a
   komponensosztalyok es a JS-szerzodes valtozatlan marad.

   Az ertekek a jelenlegi vizualis referencia RENDERELT eredmenyenek
   meresebol szarmaznak (szin, tipografiai skala, terkoz, arnyek), nem a
   referencia stiluslapjabol. Reszletek: docs/11-netdoktor-visual-inventory.md
   ========================================================================== */

:root {
  /* ------------------------------------------------------------- 1. PALETTA
     A NetDoktor arculat gerince a melykek-turkiz parositas, a kiemelesek
     meleg narancs kontrasztot kapnak.                                      */

  --nd-deep-900: #0b3a4d;   /* legmelyebb, lablec vege */
  --nd-deep-800: #0d4c66;   /* lablec eleje */
  --nd-deep-700: #0c5c7a;   /* elsodleges markaszin */
  --nd-deep-600: #17a0bf;   /* elsodleges atmenet vege */
  --nd-deep-500: #1bb5cf;   /* vilagos turkiz kiemeles */
  --nd-deep-400: #3594b7;   /* hero-atmenet vege */
  --nd-deep-300: #45a4c4;   /* vilagosabb hero-valtozat */
  --nd-mist-100: #eef4f6;   /* halvany hatter-tonus */
  --nd-mist-050: #f6fafb;   /* legvilagosabb tonus */

  --nd-warm-500: #ff9e42;   /* kiemelt muvelet - vilagos veg */
  --nd-warm-600: #f6851f;   /* kiemelt muvelet - sotet veg */
  --nd-warm-700: #d96c0f;

  --nd-ink-900: #16303d;    /* fo szovegszin */
  --nd-ink-600: #3f5560;
  --nd-ink-500: #5a6b72;    /* halvanyitott szoveg */

  /* --------------------------------------- 2. SZEMANTIKUS TOKEN-FELULIRAS */

  --color-primary:          var(--nd-deep-700);
  --color-primary-strong:   #094a63;
  --color-primary-soft:     rgba(12, 92, 122, 0.07);
  --color-primary-contrast: #ffffff;

  --color-secondary:          var(--nd-deep-600);
  --color-secondary-strong:   #128aa5;
  --color-secondary-soft:     rgba(27, 181, 207, 0.14);
  --color-secondary-contrast: #ffffff;

  --color-accent:          var(--nd-warm-600);
  --color-accent-strong:   var(--nd-warm-700);
  --color-accent-soft:     rgba(255, 158, 66, 0.14);
  --color-accent-contrast: #ffffff;

  --surface:         #ffffff;
  --surface-alt:     var(--nd-mist-100);
  --surface-sunken:  var(--nd-mist-050);
  --surface-inverse: var(--nd-deep-800);
  --surface-overlay: rgba(11, 58, 77, 0.62);

  --text-primary:   var(--nd-ink-900);
  --text-secondary: var(--nd-ink-600);
  --text-muted:     var(--nd-ink-500);
  --text-inverse:   #ffffff;

  --border:        rgba(12, 92, 122, 0.16);
  --border-strong: rgba(12, 92, 122, 0.28);
  --border-subtle: rgba(12, 92, 122, 0.10);

  --color-success: #1f8a5a;
  --color-warning: #b7791f;
  --color-error:   #c0392f;

  --focus-ring: var(--nd-deep-600);

  /* -------------------------------------------------------- 3. TIPOGRAFIA
     Inter, ha a rendszeren elerheto; egyebkent rendszerfont-stack.
     KULSO FONT-BETOLTES NINCS (0 harmadik feles hoszt-hivas).
     Licenc: Inter - SIL Open Font License 1.1. Self-hosting kesobbi lepes.  */

  --font-body:    Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-heading: var(--font-body);

  /* A mert tipografiai karakter: eros, tomor fejlecek, tagabb torzsszoveg. */
  --font-size-display: clamp(1.875rem, 1.05rem + 3.6vw, 3.5rem);   /*  30 -> 56 px */
  --font-size-title:   clamp(1.75rem, 1.15rem + 2.6vw, 3rem);      /*  28 -> 48 px */
  --font-size-section: clamp(1.5rem, 1.1rem + 1.8vw, 2.25rem);     /*  24 -> 36 px */

  --font-weight-semibold: 700;
  --font-weight-bold:     800;

  --line-height-tight: 1.1;
  --line-height-snug:  1.28;

  /* --------------------------------------------------------- 4. TERKOZOK */

  /* Mert szekcio-ritmus: szuk nezeten tomor, asztali nezeten tagas. */
  --section-space-y: clamp(2rem, 1.1rem + 3.9vw, 5rem);

  /* ---------------------------------------------------- 5. FORMA / ARNYEK */

  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 22px;

  --shadow-sm: 0 6px 18px rgba(12, 92, 122, 0.08);
  --shadow-md: 0 14px 38px rgba(12, 92, 122, 0.12);
  --shadow-lg: 0 26px 60px rgba(11, 58, 77, 0.22);
  --shadow-focus: 0 0 0 3px rgba(27, 181, 207, 0.38);

  /* ------------------------------------------------------- 6. KONTENEREK */

  --container-lg: 72.5rem;   /* ~1160 px mert tartalomszelesseg */
  --container-xl: 81.25rem;

  /* -------------------------------------------------------- 7. VAZMERETEK */

  --header-height:    6rem;      /* 96 px asztali */
  --header-height-sm: 4.125rem;  /* 66 px szuk nezeten */
  --field-height:     3rem;

  /* -------------------------------------- 8. MARKA-SPECIFIKUS ATMENETEK */

  --nd-gradient-primary: linear-gradient(135deg, var(--nd-deep-700) 0%, var(--nd-deep-600) 100%);
  --nd-gradient-hero:    linear-gradient(135deg, var(--nd-deep-700) 0%, var(--nd-deep-400) 100%);
  --nd-gradient-band:    linear-gradient(135deg, #1a7d9c 0%, var(--nd-deep-300) 100%);
  --nd-gradient-accent:  linear-gradient(135deg, var(--nd-warm-500) 0%, var(--nd-warm-600) 100%);
  --nd-gradient-footer:  linear-gradient(180deg, var(--nd-deep-800) 0%, var(--nd-deep-900) 100%);
  --nd-glow-top:         radial-gradient(1100px 360px at 50% -8%, rgba(27, 181, 207, 0.16), transparent 70%);

  /* Hexagon motivum - sajat generalt mintazat (lasd tools/gen-hex-pattern.sh) */
  --nd-hex-pattern: url("../assets/nd-hex-pattern.svg");
}

/* --------------------------------------------------------------------------
   A fejlec szuk nezeten alacsonyabb (mert referencia-karakter: 96 -> 66 px).
   A shell a --header-height tokent hasznalja a fotartalom eltolasahoz is,
   ezert eleg ezt az egy erteket atallitani.
   -------------------------------------------------------------------------- */
@media (max-width: 63.99rem) {
  :root { --header-height: var(--header-height-sm); }
}

/* --------------------------------------------------------------------------
   A brand reteg vilagos semara epul. A shell sotet semaja szandekosan
   kikapcsolva, hogy az arculat kontrasztaranyai kiszamithatoak maradjanak;
   sotet valtozat kesobb, kulon arculati dontessel keszul.
   -------------------------------------------------------------------------- */
:root { color-scheme: light; }