/* ICH_Quiz — Design tokens (atoms/variables) | Készítette: BMSoft1024
   V4 "Glass Premium" irány. Minden felület ezeket a változókat használja. */
:root{
  /* Always-dark UI — tells the BROWSER's own native forced-dark/prefers-color-scheme handling this
     page is already dark, so it doesn't try to re-theme it on top (which is what breaks the glass/
     gradient design when a user has a browser-level "force dark on all sites" setting enabled). The
     <meta name="color-scheme"> tag in includes/header.php covers the same signal for pre-render;
     browsers that only honor the CSS property (not the meta tag) still respect this one. */
  color-scheme: dark;

  /* Brand palette (forrásterv) */
  --primary:#6366F1;      /* indigo */
  --primary-2:#8b5cf6;    /* violet */
  --pink:#EC4899;
  --green:#10B981;
  --amber:#F59E0B;
  --red:#EF4444;
  --blue:#2563EB;

  /* Surfaces */
  --bg:#0b1020;
  --glass:rgba(255,255,255,.07);
  --glass-2:rgba(255,255,255,.05);
  --line:rgba(255,255,255,.14);
  --text:#eef1ff;
  --muted:#9aa3c4;

  /* Gradients */
  --grad-brand:linear-gradient(90deg,var(--primary),var(--pink));
  --grad-brand-3:linear-gradient(90deg,var(--primary),var(--pink),var(--primary-2));
  --grad-cover:linear-gradient(135deg,rgba(99,102,241,.5),rgba(236,72,153,.5));

  /* Spacing scale */
  --sp-xs:6px; --sp-sm:10px; --sp-md:16px; --sp-lg:22px; --sp-xl:32px;

  /* Radius */
  --r-sm:10px; --r-md:14px; --r-lg:18px; --r-full:999px;

  /* Shadows */
  --shadow-glass:0 10px 40px -18px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.08);
  --shadow-brand:0 8px 22px -10px rgba(99,102,241,.8);

  /* Z-index */
  --z-header:100; --z-modal:1000; --z-toast:1100;

  /* Typography */
  --font:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;
  --fs-sm:.82rem; --fs-base:.95rem; --fs-lg:1.1rem;
}