/* xHOSTING Design System – tokenek (theme modul). Forrás: a legacy landing vizuális identitása (zöld glow, sötét/világos), újraértelmezve.
   Felületek: html[data-surface="admin|portal|site"]; téma: html[data-theme="light|dark"]. Nincs Bootstrap, nincs build-lánc. */
:root{
  /* --- alapszínek (világos) --- */
  --xh-bg:#f7fafc; --xh-bg-elev:#ffffff; --xh-bg-sunken:#eef2f6; --xh-fg:#0b0f14; --xh-fg-muted:#4b5563; --xh-fg-subtle:#6b7280;
  --xh-border:rgba(15,23,42,.14); --xh-border-strong:rgba(15,23,42,.28);
  --xh-accent:#00784c; --xh-accent-fg:#ffffff; --xh-accent-soft:rgba(0,120,76,.10); --xh-accent-2:#0ea5e9;
  --xh-glow:rgba(0,120,76,.35); --xh-focus:#00784c;
  /* --- szemantikus színek --- */
  --xh-success:#1a7f4b; --xh-success-bg:#e6f4ea; --xh-warning:#8a5a00; --xh-warning-bg:#fff4e5; --xh-danger:#b02a37; --xh-danger-bg:#fdecea; --xh-info:#0b5e8a; --xh-info-bg:#e6f2fa;
  --xh-status-ok:#1a7f4b; --xh-status-late:#8a5a00; --xh-status-fail:#b02a37; --xh-status-neutral:#6b7280;
  /* --- tipográfia --- */
  --xh-font:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; --xh-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  --xh-fs-xs:.75rem; --xh-fs-sm:.875rem; --xh-fs-md:1rem; --xh-fs-lg:1.125rem; --xh-fs-xl:1.375rem; --xh-fs-2xl:1.75rem; --xh-fs-hero:clamp(2rem,5vw,3rem);
  --xh-lh:1.5; --xh-lh-tight:1.15;
  /* --- térköz, rádiusz, keret, árnyék, emelés --- */
  --xh-sp-1:.25rem; --xh-sp-2:.5rem; --xh-sp-3:.75rem; --xh-sp-4:1rem; --xh-sp-5:1.5rem; --xh-sp-6:2rem; --xh-sp-8:3rem;
  --xh-r-sm:4px; --xh-r-md:8px; --xh-r-lg:16px; --xh-r-pill:999px;
  --xh-shadow-1:0 1px 3px rgba(2,6,23,.08); --xh-shadow-2:0 6px 18px rgba(2,6,23,.10); --xh-shadow-3:0 18px 50px rgba(2,6,23,.14);
  --xh-glow-shadow:0 0 18px var(--xh-glow);
  /* --- mozgás --- */
  --xh-t-fast:120ms; --xh-t-base:220ms; --xh-t-slow:420ms; --xh-ease:cubic-bezier(.22,.68,.32,1.15);
  /* --- elrendezés --- */
  --xh-container:1140px; --xh-container-narrow:880px; --xh-sidebar:240px; --xh-topbar:56px; --xh-header:64px;
  /* --- töréspontok (dokumentáció; media query-ben literál): 360 390 430 768 1024 1280 --- */
  color-scheme:light;
}
html[data-theme="dark"]{
  --xh-bg:#0a0a0a; --xh-bg-elev:#121212; --xh-bg-sunken:#050505; --xh-fg:#e6ffe6; --xh-fg-muted:rgba(0,255,153,.75); --xh-fg-subtle:rgba(120,255,120,.6);
  --xh-border:rgba(0,255,153,.22); --xh-border-strong:rgba(0,255,153,.45);
  --xh-accent:#00ff99; --xh-accent-fg:#031a10; --xh-accent-soft:rgba(0,255,153,.10); --xh-accent-2:#60a5fa;
  --xh-glow:rgba(0,255,153,.55); --xh-focus:#00ff99;
  --xh-success:#3ddc84; --xh-success-bg:rgba(61,220,132,.12); --xh-warning:#ffb547; --xh-warning-bg:rgba(255,181,71,.12); --xh-danger:#ff6b6b; --xh-danger-bg:rgba(255,107,107,.12); --xh-info:#7cc4ff; --xh-info-bg:rgba(124,196,255,.12);
  --xh-status-ok:#3ddc84; --xh-status-late:#ffb547; --xh-status-fail:#ff6b6b; --xh-status-neutral:#9aa4b2;
  --xh-shadow-1:0 1px 3px rgba(0,0,0,.5); --xh-shadow-2:0 6px 18px rgba(0,0,0,.45); --xh-shadow-3:0 18px 50px rgba(0,0,0,.55);
  color-scheme:dark;
}
/* Admin: sűrűbb tipográfia/térköz, semleges alap; portál: barátságosabb kerekítés; webhely: nagyobb rádiusz és glow */
html[data-surface="admin"]{ --xh-fs-md:.9375rem; --xh-sp-4:.875rem; --xh-r-lg:10px; }
html[data-surface="portal"]{ --xh-r-md:10px; --xh-r-lg:14px; }
html[data-surface="site"]{ --xh-r-lg:16px; --xh-container:1200px; }