/* ============================================
   AUDIT TRAINING PLATFORM — DESIGN TOKENS
   Egyetlen forrás minden CSS változóhoz.
   ============================================ */

:root {
  /* Primary palette */
  --pri: #1A1A1A;
  --pri2: #2C2C2C;
  --pri3: #141c4a;
  --pri-landing: #1E2761;
  --pri-landing2: #2a3580;
  --pri-text: var(--pri);

  /* Accent: gold */
  --gold: #D4A843;
  --gold2: #c49a3a;
  --gold-s: #FDF6E3;

  /* Semantic: status */
  --green: #27AE60;
  --green-s: #F0FDF4;
  --red: #C0392B;
  --red-s: #FEF2F2;
  --blue: #2563EB;
  --blue-s: #EFF6FF;
  --warn: #F59E0B;
  --orange: #EA580C;

  /* Neutrals */
  --bg: #F5F5F0;
  --card: #FFF;
  --txt: #1A1A1A;
  --txt2: #4B5563;
  --txt3: #9CA3AF;
  --brd: #E5E7EB;

  /* Spacing / Shape */
  --r: 10px;

  /* Typography */
  --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Backward-compatible aliases */
  --bge: var(--pri);
  --bge2: var(--pri2);
}

/* Dark mode */
@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#1a1a2e;--card:#1e2030;--txt:#e0e0e0;--txt2:#a0a8b8;--txt3:#6b7280;
    --brd:#2d3748;
    --pri-text:#e0e0e0;
    --gold-s:#2a2520;--green-s:#1a2e1a;--red-s:#2e1a1a;--blue-s:#1a1e2e
  }
}

/* Landing page override */
.landing {
  --pri: #1E2761;
  --pri2: #2a3580;
  --txt: #1A1A2E;
  --r: 12px;
}

/* ---- Network error banner (PracticeCore) ---- */
.network-banner {
  background: var(--red, #C0392B);
  color: #fff;
  text-align: center;
  padding: 0.5rem 1rem;
  font-weight: 600;
  font-size: 0.85rem;
  position: sticky;
  top: 0;
  z-index: 9999;
  display: none;
}
.network-banner.visible { display: block; }

/* ---- Observer / ReadOnly mode ---- */
body.is-observer input,
body.is-observer textarea,
body.is-observer select {
  pointer-events: none;
  opacity: 0.85;
  border-color: transparent;
  background: transparent;
}
body.is-observer .reg-overlay,
body.is-observer .save-status,
body.is-observer [data-hide-observer] {
  display: none !important;
}
body.is-observer [data-show-observer] {
  display: block !important;
}