/* Layer-M platform – arculati tokenek
   Forrás: a „Layer-M arculat" tervezővászon négy elfogadott képernyője (2026-09-22).
   Ez az egyetlen igazságforrás a színekre, a betűre és a visszatérő
   szerkezeti értékekre. A képernyők HTML-je és a fejlesztés stíluslapja
   egyaránt innen dolgozik, színkódot máshova írni nem szabad.
   Egy téma van, a világos. Sötét téma nincs és nem is lesz. */

:root {

  /* --- Márka: mély kék, a bal menü és a rétegsávok hordozója --- */
  --lm-navy-900: #072B58;      /* menü fejléce, a legsötétebb felület */
  --lm-navy-800: #0A3B78;      /* bal menü teste, kezdőkép-sáv */

  /* --- Fő szín: kék --- */
  --lm-blue: #006FEB;          /* aktív menüpont, elsődleges gomb, hivatkozás */
  --lm-blue-hover: #0056BC;    /* hivatkozás rámutatáskor */
  --lm-blue-on-dark: #4D9BFF;  /* kék sötét háttéren, pl. logó a menüben */
  --lm-blue-bg: #E8F1FE;       /* halvány kék felület, másodlagos gomb */
  --lm-blue-border: #C7DFFC;   /* annak a kerete */

  /* --- Kiemelés: borostyán, ami a felhasználóra vár --- */
  --lm-amber: #D08E00;
  --lm-amber-on-dark: #FFC24D; /* borostyán sötét háttéren, aktív menüpont jelzőcsíkja */
  --lm-amber-bg: #FFF6E3;
  --lm-amber-border: #F3DCA8;

  /* --- Piros: KIZÁRÓLAG hiba, figyelmeztetés és visszavonhatatlan művelet --- */
  --lm-red: #EB0000;
  --lm-red-light: #FF5A5A;     /* rétegsáv második sávja veszélyes párbeszédben */
  --lm-red-on-dark: #FF6B6B;   /* a logó „M" betűje sötét háttéren */

  /* --- Állapotjelző címkék listákban --- */
  --lm-ok: #1E7A3C;            /* aktív fiók felirata */
  --lm-ok-bg: #EAF5EE;
  --lm-ok-border: #CBE5D5;
  --lm-alert: #B31212;         /* zárolt fiók felirata */
  --lm-alert-bg: #FDEDED;
  --lm-alert-border: #F5C6C6;
  --lm-alert-row: #FFFBFB;     /* a zárolt sor háttere a listában */

  /* --- Semleges skála --- */
  --lm-ink: #1C2430;           /* címek, hangsúlyos szöveg */
  --lm-text: #3C4654;          /* törzsszöveg */
  --lm-text-muted: #6B7683;    /* másodlagos szöveg, rovatcímke */
  --lm-text-faint: #9BA5B2;    /* időbélyeg, halvány kísérőszöveg */
  --lm-border: #DFE6EF;        /* keret, elválasztó */
  --lm-surface: #FFFFFF;       /* kártya, űrlap, fejléc */
  --lm-canvas: #F1F5FA;        /* munkaterület háttere */

  /* --- Sötét háttéren álló szöveg és vonal: a menü és a kezdőkép-sáv --- */
  --lm-on-dark-text: rgba(255,255,255,0.80);        /* menüpont */
  --lm-on-dark-soft: rgba(255,255,255,0.72);        /* kísérőszöveg a kezdőkép-sávon */
  --lm-on-dark-muted: rgba(255,255,255,0.55);       /* almenü, a „Kft." a logó mellett */
  --lm-on-dark-faint: rgba(255,255,255,0.45);       /* a belépett felhasználó szerepe, a KÉSZÜL címke */
  --lm-on-dark-disabled: rgba(255,255,255,0.34);    /* a KÉSZÜL menüág neve */
  --lm-on-dark-line: rgba(255,255,255,0.10);        /* elválasztó a menüben */
  --lm-on-dark-line-strong: rgba(255,255,255,0.20); /* almenü-pont, a KÉSZÜL címke kerete, rétegoszlop */
  --lm-on-dark-fill: rgba(255,255,255,0.16);        /* a halvány rétegoszlop a kezdőkép-sávon */
  --lm-on-dark-active-bg: rgba(255,255,255,0.13);   /* az aktív menüpont háttere */
  --lm-modal-backdrop: rgba(12,26,45,0.52);         /* a párbeszédablak mögötti sötétítés */
  --lm-focus-ring: rgba(0,111,235,0.22);            /* fókuszgyűrű az űrlapmezőn */

  /* --- A rétegmotívum: a márka vizuális aláírása --- */
  --lm-layers-on-dark: repeating-linear-gradient(0deg, rgba(255,255,255,0.045) 0px, rgba(255,255,255,0.045) 1px, transparent 1px, transparent 5px);
  --lm-layers-on-light: repeating-linear-gradient(0deg, rgba(10,59,120,0.045) 0px, rgba(10,59,120,0.045) 1px, transparent 1px, transparent 6px);

  /* --- Árnyékok --- */
  --lm-shadow-card: 0 1px 2px rgba(16,32,56,0.05);
  --lm-shadow-modal: 0 24px 60px rgba(6,18,36,0.40);
  --lm-shadow-blue-btn: 0 1px 2px rgba(0,111,235,0.30);
  --lm-shadow-red-btn: 0 1px 2px rgba(235,0,0,0.30);

  /* --- Betű --- */
  --lm-font-sans: "IBM Plex Sans", system-ui, sans-serif;

  /* --- Betűméretek: a négy képernyő skálája --- */
  --lm-fs-stat: 42px;          /* számláló a kezdőlapon */
  --lm-fs-hero: 28px;          /* köszöntés a kezdőkép-sávon */
  --lm-fs-logo: 23px;          /* a tipográfiai logó */
  --lm-fs-modal-title: 22px;   /* párbeszédablak címe */
  --lm-fs-title: 19px;         /* oldalcím a fejlécben */
  --lm-fs-h: 16px;             /* kártya címe */
  --lm-fs-body: 14.5px;        /* törzsszöveg, űrlapmező, menüpont */
  --lm-fs-small: 13.5px;       /* táblázat-cella, almenü */
  --lm-fs-tiny: 13px;          /* kísérőszöveg, űrlapcímke */
  --lm-fs-micro: 12.5px;       /* időbélyeg, rovatcímke, jelvény */
  --lm-fs-label: 11.5px;       /* nagybetűs oszlopfejléc */

  /* --- Visszatérő méretek --- */
  --lm-sidebar-w: 256px;       /* bal menü szélessége */
  --lm-header-h: 72px;         /* fejléc magassága, a menüben és a tartalomban egyforma */
  --lm-control-h: 44px;        /* űrlapmező magassága, egyben a legkisebb érintési méret */
  --lm-button-h: 40px;
  --lm-radius-sm: 9px;         /* menüpont, kis gomb */
  --lm-radius-md: 10px;        /* gomb, űrlapmező */
  --lm-radius-lg: 14px;        /* kártya */
  --lm-radius-xl: 16px;        /* kiemelt felület, párbeszédablak */
  --lm-stripe-h: 3px;          /* rétegcsík a kártya tetején */
  --lm-stripe-h-danger: 5px;   /* vastagabb rétegcsík veszélyes párbeszédben */
}