/*
NÉV: Mi épül itt? UI v2 – tokens.css
PROJEKT: NextSheet Építési Intelligence
TÍPUS: CSS
VERZIÓ: v0.88.0
UTOLSÓ FRISSÍTÉS: 2026-10-25
LEÍRÁS: UI v2 helyi integráció, meglévő adat- és útvonalszerződéssel.
FEJLESZTŐ: Balázs Bakos · NextSheet · https://www.nextsheet.hu
CHANGELOG: v0.88.0 - 2026-10-25 - Főoldal és találati felület bekötése.
*/
/*
  Mi épül itt? – UI v2 · design tokenek
  A téma a <html data-theme="light|dark"> attribútumon múlik (assets/theme.js állítja).
  Minden komponens csak ezeket a változókat használja, nyers színkód nincs a komponens-CSS-ben.
*/
:root,
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #ffffff;
  --bg-2: #f6f5f2;
  --surface: #ffffff;
  --surface-2: #f1efea;
  --field: #ffffff;
  --field-line: #15171c;
  --line: #e4e2dc;
  --line-2: #eeece7;
  --text: #15171c;
  --text-2: #3e4350;
  --muted: #5f6573;
  --accent: #c8175f;          /* link, ikon, kiemelt szöveg */
  --accent-btn: #c8175f;      /* gombháttér, fehér felirattal */
  --accent-soft: #fdf2f6;
  --accent-line: #e9a7c2;
  --strong: #15171c;
  --on-strong: #ffffff;
  --inverse: #15171c;
  --inverse-line: #15171c;
  --inverse-text: #ffffff;
  --inverse-muted: #c9cdd4;
  --inverse-accent: #ff8dbc;
  --seg-on: #ffffff;
  --overlay: rgba(255, 255, 255, .96);
  --shadow: rgba(21, 23, 28, .08);
  --shadow-strong: rgba(21, 23, 28, .18);

  /* Státusz – a forma is különbözik, nem csak a szín */
  --st-prep-bg: #e8f0fe;  --st-prep-fg: #1d4fb5;  --mk-prep: #2f6fe4;
  --st-build-bg: #fff0da; --st-build-fg: #8a4a00; --mk-build: #ee8a00;
  --st-done-bg: #eeeff1;  --st-done-fg: #474d5a;  --mk-done: #7c8391;
  --mk-ring: #ffffff;
  --map-tone: #f1efea;

  --font-display: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --radius-s: 10px;
  --radius-m: 14px;
  --radius-l: 18px;
  --radius-xl: 24px;
  --header-h: 64px;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0f1115;
  --bg-2: #13161c;
  --surface: #171a21;
  --surface-2: #1f232c;
  --field: #1f232c;
  --field-line: #4a5060;
  --line: #2a2f3a;
  --line-2: #1e222a;
  --text: #f4f4f5;
  --text-2: #c9cdd4;
  --muted: #a1a7b3;
  --accent: #f06aa4;
  --accent-btn: #d61f69;
  --accent-soft: #241a21;
  --accent-line: #5a2d44;
  --strong: #f4f4f5;
  --on-strong: #0f1115;
  --inverse: #1a1420;
  --inverse-line: #3a2232;
  --inverse-text: #f4f4f5;
  --inverse-muted: #a1a7b3;
  --inverse-accent: #f06aa4;
  --seg-on: #2a2f3a;
  --overlay: rgba(23, 26, 33, .94);
  --shadow: rgba(0, 0, 0, .45);
  --shadow-strong: rgba(0, 0, 0, .6);

  --st-prep-bg: rgba(122, 167, 255, .14);  --st-prep-fg: #a9c5ff;  --mk-prep: #7aa7ff;
  --st-build-bg: rgba(245, 165, 36, .16);  --st-build-fg: #ffc56e; --mk-build: #f5a524;
  --st-done-bg: rgba(156, 163, 175, .16);  --st-done-fg: #d0d3d9;  --mk-done: #9ca3af;
  --mk-ring: #0f1115;
  --map-tone: #13171d;
}
