/*
 * Design tokens.
 *
 * Transcribed from the design spec sections 2 and 4 and from
 * docs/design/artboards/. Nothing here is configurable at runtime, by decision:
 * the theme is bespoke to this one site and every knob is a way for the design
 * to drift unnoticed. See docs/new-theme-requirements.md section 8.4.
 *
 * scripts/check-theme-tokens.sh asserts each colour below over HTTP and fails
 * if a hex appears that is not part of the palette.
 */

:root {
	/* --- plochy --- */
	--rs-ground: #0D0D0F;      /* pozadí stránky */
	--rs-surface: #17171B;     /* karty, boxy, vstupní pole */
	--rs-surface-2: #1F1F25;   /* placeholdery fotek, drobné chipy */

	/* --- linky --- */
	--rs-line: #2C2C34;        /* ohraničení, oddělovače sekcí */
	--rs-line-soft: #1E1E24;   /* oddělovače mezi položkami seznamu */
	--rs-line-inset: #23232A;  /* oddělovače uvnitř karet a boxů */

	/* --- text --- */
	--rs-text: #F4F1EC;        /* nadpisy a hlavní text */
	--rs-text-body: #D9D6D0;   /* odstavce v článku */
	--rs-muted: #9D9DA7;       /* meta, popisky, sekundární text */
	--rs-muted-2: #B8B4AE;     /* popisky na fotce, názvy partnerů */
	/*
	 * --rs-faint je v paletě specifikace, ale NEPOUŽÍVÁ SE NA TEXT: na
	 * --rs-ground má 2,67:1 a §15 chce 4,5:1. Obě místa, kde ho spec chtěla
	 * (label REKLAMA, prázdný slot), používají --rs-muted (7,22:1).
	 * Zůstává tu, aby paleta odpovídala specifikaci a bylo vidět proč.
	 */
	--rs-faint: #56565F;

	/* --- značka jako vodoznak --- */
	--rs-mark-dim: #3B3B47;    /* na --rs-surface-2 */
	--rs-mark-warm: #4A2632;   /* na červeném gradientu */

	/* --- akcenty --- */
	--rs-red: #C8102E;         /* výplň, CTA, aktivní stav. NIKDY běžný text */
	--rs-red-light: #E8506B;   /* odkazy a text v červené na tmavém pozadí */
	--rs-amber: #D9A441;       /* datumy akcí */

	/* --- gradienty (spec §2, tři plus scrim) --- */
	--rs-grad-hero-mobile: linear-gradient(145deg, #241016 0%, #12121A 60%, #0D0D0F 100%);
	--rs-grad-hero-desktop: linear-gradient(150deg, #2E1218 0%, #14141C 62%, #0D0D0F 100%);
	--rs-grad-scrim-mobile: linear-gradient(to top, #0D0D0F 12%, rgba(13, 13, 15, 0.85) 55%, rgba(13, 13, 15, 0) 100%);
	--rs-grad-scrim-desktop: linear-gradient(to top, rgba(13, 13, 15, 0.97) 20%, rgba(13, 13, 15, 0) 100%);

	/* --- mřížka a rozměry (spec §4) --- */
	--rs-gutter: 16px;
	--rs-header-h: 56px;
	--rs-bottomnav-h: 62px;
	--rs-radius: 3px;
	--rs-tap: 44px;            /* dotykový cíl, bez výjimky (spec §14.7) */
	--rs-block-gap: 24px;

	/* --- písmo (spec §3) --- */
	--rs-font-display: Oswald, "Arial Narrow", "Helvetica Neue Condensed", sans-serif;
	--rs-font-body: "Source Serif 4", Georgia, "Times New Roman", serif;
}

/*
 * Jediný zlom, 768px (spec §12). Gutter, výška hlavičky a radius jsou jediné
 * tokeny, které se mění -- všechno ostatní řeší layout.css.
 */
@media (min-width: 768px) {
	:root {
		--rs-gutter: 60px;
		--rs-header-h: 72px;
		--rs-radius: 4px;
		--rs-block-gap: 28px;
	}
}