/* =========================================================
   1004. Szent Anna Cserkészcsapat - Közös stíluslap
   Ez a fájl minden oldalon betöltődik. Tartalmazza a hivatalos
   és kiegészítő cserkész színeket, valamint az alap tipográfiát
   és a közösen használt mintázatot (hero-pattern).
   ========================================================= */

:root {
    /* Hivatalos színek CSS változóként */
    --scout-brown: #582b23;
    --scout-red: #cb3831;
    --scout-orange: #fe7320;
    --scout-purple: #494784;
    --scout-green: #248a4f;
    --scout-white: #f7f9f9;
    --scout-pink: #e4d5d6;
    --scout-sand: #f4f1ea;
    --scout-iceblue: #dbe1ef;
    --scout-sage: #bcc9b8;

    /* Kiegészítő nem hivatalos színek (Föld & Zöld prioritás) */
    --scout-brightgreen: #259c5b;
    --scout-olive: #477258;
    --scout-skyblue: #2e7aca;
    --scout-midnight: #302d4b;
    --scout-poppy: #ca2d26;
    --scout-mauve: #dab9dc;
    --scout-beige: #c1b98f;
    --scout-sun: #ffe600;
    --scout-brightorange: #ff5f00;

    /* Visszafogott UI-kiemelő szín (2026-09-24 óta): a hivatalos öt
       "hivatalos" színt (barna, piros, narancs, lila, zöld) a csapaton
       belül korosztályok/rajok jelölésére használjátok — ezért ezeket a
       weboldal saját kezelőfelületi elemein (gombok, kiemelések, számok)
       a jövőben NEM használjuk dekorációként, csak ott, ahol ténylegesen
       a korosztályra/arculatra utalunk. Helyette egy tompított, meleg
       arany tónus adja az egyetlen kiemelő színt — ez nem hivatalos
       csapatszín, kizárólag a weboldal saját kezelőfelületi eszköze. */
    --brand-gold: #b8863f;
    --brand-gold-soft: #d9b877;
    --scout-walnut: #3d291c;
    --scout-grey: #777880;
}

body {
    font-family: 'Libre Franklin', sans-serif;
    background-color: var(--scout-sand);
    color: var(--scout-walnut);
}

.scout-title {
    font-family: 'Lora', serif;
}

/* Egyszerű, sík olívazöld fejléc-háttér (2026-09-24 óta). Korábban egy
   pöttyös mintázat volt itt — ez nagyon jellegzetes "AI-sablon" dekoráció
   volt, semmi köze a csapat tényleges arculatához, ezért elhagytuk egy
   letisztultabb, sík felület javára. */
.hero-pattern {
    background-color: var(--scout-olive);
}

/* Modal háttér elhomályosítás (a szűrhető gyűjtemény oldalakon használt kártya-részletező ablakhoz) */
.modal-backdrop {
    background-color: rgba(61, 41, 28, 0.6);
    backdrop-filter: blur(4px);
}

/* =========================================================
   "Jelvényes / nyomtatott" szekció-stílus — a generikus,
   mindenhol azonos "lekerekített kártya + árnyék + színes
   ikon-doboz" AI-sablon minta helyett. Számozott, jelvényszerű
   kör jelöli a szekciókat ikonok helyett, a szöveg-blokkok
   nem mindig lebegő kártyák.
   ========================================================= */
.section-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0 0.4rem;
    border-radius: 9999px;
    background: var(--scout-olive);
    color: var(--scout-sand);
    font-family: 'Lora', serif;
    font-weight: 700;
    font-size: 0.9rem;
    letter-spacing: 0.02em;
    flex-shrink: 0;
}

.section-mark--inverse {
    background: var(--scout-sand);
    color: var(--scout-olive);
}

/* Az egyetlen kiemelő szín (lásd fent) — kulcsszámokhoz, aláhúzásokhoz */
.text-brand-gold {
    color: var(--brand-gold-soft);
}