/* =======================================================================
   VRSTVA — Piranha Bike Sport (3. kolo, 29. 9. 2026)
   Jediné místo s konkrétními barvami a písmem.

   Na přání Tomáše „jako u Matějčka“: většina webu bílá a béžová,
   mezi tím tmavě zelené mezisekce se zlatými vrstevnicemi (hero
   s navigací, dílna na lyže, výzva, patička). Zlatá je tlumená, jako
   piraňa v logu — ne křiklavá žlutá.

   DVĚ BARVY:
     lesní zeleň  H150 — AKCENT na světlých sekcích (tlačítka, odkazy,
                         ikony, popisky) a v tmavé poloze plocha mezisekcí
     zlatá        H40  — ZVÝRAZNĚNÍ: kurzíva nadpisů (tmavá poloha na
                         světlé, světlá na zelené), vrstevnice; na zelené
                         ploše nese i tlačítka (světlá poloha akcentu
                         by na zelené zanikla)
   VĚDOMÉ ODCHYLKY od CLAUDE.md:
     – plocha je tmavá poloha akcentu, ne zvýraznění (jako u Matějčka);
     – zelených mezisekcí je na stránce víc než jedna (na přání);
     – na zelené ploše je tlačítko zlaté: role se tam prohazují, protože
       zelená na zelené nejde. Kurzíva ani tam nikdy není klikací.

   Kontrasty (WCAG, z hexů; kontrola k2.js ve scratchpadu):
     text / bílá 16,0 · / béžová 14,0 · tlumený 6,9 / 6,0
     zelená (popisek, odkaz) / bílá 7,7 · / béžová 6,8
     bílá na zelené (tlačítko) 7,7 · při najetí 11,3
     zlatá kurzíva / bílá 5,3 · / béžová 4,6 · / karta 5,5
     zelená plocha: text 13,9 · tlumený 10,1 · zlatá 8,3
     tmavě zelený text na zlatém tlačítku 8,3 · při najetí 10,4
     karta na zelené: text 11,6 · zlatá 6,9
   ======================================================================= */

:root {
	/* Písmo: Archivo úzké 800 (nadpisy verzálkami jako nápis v logu),
	   Archivo na text, Playfair Display 700 kurzíva na podpis.
	   Metrika (TextMetrics, 29. 9. 2026): nejhorší kombinace obou řezů
	   Ů/Ž 0,958 + dotah 0,201 = 1,159. Nejtěsnější místo obsah karty
	   na mobilu, rezerva 2,2 px. Optická mezera Playfair 700: 0,060 em. */
	--pismo-nadpis: 'Archivo', 'Arial Narrow', sans-serif;
	--pismo-text: 'Archivo', system-ui, sans-serif;
	--pismo-podpis: 'Playfair Display', Georgia, serif;
	--sirka-nadpis: 75%;
	--vaha-nadpis: 800;
	--vaha-veta: 600;
	--vaha-podpis: 700;
	--podpis-mezera: 0.06em;

	--podklad: #FBF9F4;
	--podklad-odliseny: #F1EADB;
	--karta: #FFFDF8;
	--karta-vyrazna: #FFFFFF;
	--karta-na-odlisenem: #FFFFFF;
	--karta-na-odlisenem-vyrazna: #FFFFFF;

	--text: #14201A;
	--text-tlumeny: #4E5A53;

	/* barva akce — lesní zeleň */
	--akcent: #1D5A3E;
	--akcent-text: #FFFFFF;
	--akcent-tmavy: #133F2B;

	/* barva zvýraznění — zlatá (tmavá poloha pro světlé sekce) */
	--zvyrazneni: #86621A;

	/* plocha mezisekcí: tmavá zeleň */
	--plocha: #10261C;
	--plocha-text: #F3EFE4;
	--plocha-tlumeny: #C9CFC6;
	--plocha-akcent: #E2B44E;
	--plocha-akcent-text: #10261C;
	--plocha-akcent-svetly: #F0CD78;
	--plocha-zvyrazneni: #E2B44E;
	--plocha-karta: #17352A;
	--plocha-hluboka: #0A1A13;

	/* Zimní ladění servisu lyží (jen ta sekce a její karta) */
	--zima: #14374B;
	--zima-hluboka: #0D2736;
	--zima-tmava: #1B4D68;
	--zima-led: #BFE3F2;
	--zima-snih: #FFFFFF;
	--zima-panel: #EEF5F8;

	/* Světlé tokeny pro béžovou dílnu na lyže uvnitř zelené sekce. */
	--svetly-podklad: #F1EADB;
	--svetly-text: #14201A;
	--svetly-tlumeny: #4E5A53;
	--svetly-akcent: #1D5A3E;
	--svetly-akcent-text: #FFFFFF;
	--svetly-akcent-tmavy: #133F2B;

	/* Barvy kresby (kolo ve stojanu, skluznice). Nejsou to barvy webu —
	   patří jen do ilustrací, na text ani tlačítka se nepoužívají. */
	--kresba-guma-1: #0E0E0F;
	--kresba-guma-2: #242427;
	--kresba-guma-3: #3A3A3F;
	--kresba-ocel-1: #F3F4F6;
	--kresba-ocel-2: #A9AFB6;
	--kresba-ocel-3: #5C636B;
	--kresba-ocel-4: #2E3338;
	--kresba-rucicka: #C4271E;
	--kresba-bahno: #4E3B26;
	--kresba-ram-1: #D9D2BF;
	--kresba-ram-2: #FBF8F0;
	/* piraňa červenobřichá */
	--ryba-hrbet: #3C4540;
	--ryba-bok: #B9C2C0;
	--ryba-bricho: #C8452C;
	--ryba-ploutev: #8C3A2A;
	--ryba-oko: #C9A13B;
	--lyze-skluznice-1: #08090B;
	--lyze-skluznice-2: #1E2227;
	--lyze-skluznice-3: #343A41;
	--lyze-ocel-1: #F1F3F5;
	--lyze-ocel-2: #A3AAB1;
	--lyze-ocel-3: #5A6168;
	--lyze-vyschla: #D9DEE2;
	--lyze-rez: #7E3F1C;
	--lyze-rez-svetla: #B8672F;
	--lyze-spina: #6B5C44;
	--lyze-snih: #FFFFFF;
}