/* =========================================================================
   Alkalmazás-szintű tokenek a márkatokenekre (brand.css) építve.
   brand.css = a design handoff tokens.css-e VÁLTOZATLANUL (forrás:
   design_handoff/tokens.json) – arculatfrissítéskor azt kell cserélni.
   Itt csak a foglalórendszer saját, a handoffban nem szereplő állapotszínei
   és segédértékei vannak, mindkét témára.
   ========================================================================= */
:root {
  /* Állapotszínek (a handoff csak a --danger-t adja) */
  --success: #2c6e46;
  --warning: #8a5a00;
  --info: #2d5f86;
  --success-bg: #dcefe2;
  --warning-bg: #f8ecd0;
  --info-bg: #dde9f3;
  --danger-bg: #f8e1df;

  /* Halvány kiemelő felület (hover, kijelölés) */
  --surface-hover: color-mix(in srgb, var(--surface-accent) 55%, var(--surface-raised));

  /* Foglalt naptári sáv szövege a --action-primary színen */
  --on-accent: var(--on-action-primary);

  --font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --header-h: 72px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --success: #7fd1a0;
    --warning: #e8b85c;
    --info: #8ec2ea;
    --success-bg: #173324;
    --warning-bg: #33280f;
    --info-bg: #142838;
    --danger-bg: #3a1714;
  }
}
:root[data-theme="dark"] {
  --success: #7fd1a0;
  --warning: #e8b85c;
  --info: #8ec2ea;
  --success-bg: #173324;
  --warning-bg: #33280f;
  --info-bg: #142838;
  --danger-bg: #3a1714;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: 0ms !important; animation-duration: 0ms !important; scroll-behavior: auto !important; }
}

/* --- Egyedi görgetősáv (vendégoldal és admin, mindkét témában) ----------- */
:root {
  --scrollbar-thumb: color-mix(in srgb, var(--accent) 40%, var(--line));
  --scrollbar-thumb-hover: var(--accent);
}
/* Chrome, Edge, Safari: kerekített, „lebegő” csúszka */
::-webkit-scrollbar { width: 12px; height: 12px; }
::-webkit-scrollbar-track, ::-webkit-scrollbar-corner { background: transparent; }
::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border: 3px solid transparent;
  border-radius: var(--radius-pill);
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover { background-color: var(--scrollbar-thumb-hover); }
/* Firefox (nem ismeri a ::-webkit-scrollbar-t) */
@supports not selector(::-webkit-scrollbar) {
  * { scrollbar-width: thin; scrollbar-color: var(--scrollbar-thumb) transparent; }
}