/* ============================================
   IS-weboldal — Szín konfiguráció
   ============================================

   A logó alapján definiált színpaletta.
   Minden szín itt módosítható, a többi CSS fájl
   ezekre a változókra hivatkozik.
   ============================================ */

:root {
  /* ---- Elsődleges színek (logóból) ---- */
  --color-dark:        #2D2D2D;   /* Sötétszürke / antracit — oszlopok, szöveg */
  --color-dark-alt:    #3A3A3A;   /* Világosabb szürke variáns */
  --color-accent:      #E8B84B;   /* Arany/sárga — nyíl, kiemelések */
  --color-accent-hover:#D4A43B;   /* Arany hover állapot */
  --color-outline:     #2D2D2D;   /* Logó körvonal */

  /* ---- Háttér színek ---- */
  --color-bg:          #0F0F0F;   /* Fő háttér — mélyfekete */
  --color-bg-alt:      #1A1A1A;   /* Alternatív háttér — szekciók */
  --color-bg-card:     #222222;   /* Kártya háttér */
  --color-bg-glass:    rgba(15, 15, 15, 0.85); /* Glass morphism nav */

  /* ---- Szöveg színek ---- */
  --color-text:        #E8E8E8;   /* Fő szöveg — világosszürke */
  --color-text-muted:  #999999;   /* Halvány szöveg */
  --color-white:       #FFFFFF;   /* Fehér — címsorok */

  /* ---- Keret / elválasztó ---- */
  --color-border:      rgba(232, 184, 75, 0.15);  /* Arany, halvány */
  --color-border-hover:rgba(232, 184, 75, 0.35);  /* Arany, erősebb */

  /* ---- Állapot színek ---- */
  --color-success:     #4CAF50;
  --color-error:       #E53935;
  --color-info:        #5B9BD5;
}