/*
 * fuvos-utilities.css – a téma EGYETLEN saját CSS-fájlja (#20162).
 * Csak az áll itt, amire a futó OxyMade frameworkben nincs eszköz. Minden tétel mellett: a komponens-terv
 * (10-artefakt/fuvoszenekar-komponens-terv-2026-11-12.md, 5. szakasz) tétele, vagy a #20161 döntése.
 * A színek a generált oxymade-variables.css változóiból (a #20162 palettája) – itt szín-literál nincs.
 * Hatókör: a framework mintájára `.oxygen` alá (a <body> kapja, fuvos_oxygen_body_class).
 */

/* S1 – globális alap (az Oxygen Globals heading_font/body_font-jának megfelelője). Terv 5. szakasz S1;
   #20158 11.2: „a név nem címsor-betűs”, „dátum címsor-betűvel”. A framework nem ad font-family-t. */
body.oxygen { font-family: var(--font-body); line-height: 1.65; }
.oxygen h1, .oxygen h2, .oxygen h3, .oxygen h4 { font-family: var(--font-heading); font-weight: 500; }

/* S2 – címsor-betű nem-címsor elemen (nagy szám, dátum, idézet, név). Terv S2. */
.oxygen .font-display { font-family: var(--font-heading); }

/* S3 – gomb-alakú link aláhúzás nélkül. Terv S3; #20158 11.2 hero: „a gombok aláhúzottak”. */
.oxygen .no-underline { text-decoration: none; }

/* S4 – képarány (videó-bélyeg 16:9 fekete csík nélkül, képkeret, kerek portré). Terv S4; #20158 11.2 Galéria. */
.oxygen .aspect-16-9 { aspect-ratio: 16 / 9; }
.oxygen .aspect-4-3 { aspect-ratio: 4 / 3; }
.oxygen .aspect-3-4 { aspect-ratio: 3 / 4; }
.oxygen .aspect-1-1 { aspect-ratio: 1 / 1; }

/* S5 – egyoldalú hajszálvonal (a framework border-t/-b csak vastagságot ad). Terv S5; #20158 11.2 fejléc, lábléc, szponzor-sáv. */
.oxygen .border-line-t { border-top: 1px solid var(--border-neutral); }
.oxygen .border-line-b { border-bottom: 1px solid var(--border-neutral); }

/* S6 – a design-rendszer felcím-alakja: 32 px-es vonal a felcím előtt. Terv S6 (a vonal színe a palettából). */
.oxygen .eyebrow-rule::before {
	content: ""; display: inline-block; width: 3.2rem; height: 1px; margin-right: 1.2rem;
	vertical-align: middle; background: currentColor;
}

/* S7 – a fekete-fehér raszteres logó sötét alapon invertálva (DS). Terv S7, a #20161 N13 szerint fordítva:
   az alap a sötét mód, ezért az invertálás az alap, a világos sémán kikapcsol. */
.oxygen .logo-invert-dark { filter: invert(1); }
@media (prefers-color-scheme: light) { .oxygen .logo-invert-dark { filter: none; } }

/* S8 – ragadós fejléc: a framework .sticky-je nem ad top-ot (a sticky-sm/md/lg 2,5–10 %-ot). #20161 N5 (a szem döntése). */
.oxygen .top-0 { top: 0; }

/* S9 – a tartalom-szélesség a design-rendszer 1328 px-e (1440 − 2 × 56; a gyökér 10 px). #20161 N2 (György);
   a framework max-w-7xl-je 1280 px. Egyetlen hívó: fuvos_section_open() (functions.php). */
.oxygen .max-w-content { max-width: 132.8rem; }