/*
 * Design tokeny — Marci.
 * Hodnoty převzaty z odsouhlaseného návrhu homepage (nahled/index.html):
 * královská modrá + růžový akcent (tlačítka).
 */
:root,
body.marci-site {
	/* === BARVY === */
	--color-primary:       #2450c0; /* královská modrá */
	--color-primary-dark:  #1b3a8c; /* hover / active stav */
	--color-primary-light: #2f5cd6;
	--color-secondary:     #12245e; /* nejtmavší modrá — patička, tmavé pásy */
	--color-accent:        #d94f86; /* růžová — hlavní tlačítka */
	--color-accent-dark:   #c23a70;
	--color-accent-soft:   #fbe9f0;
	--color-accent-light:  #f4b9d1; /* růžový text na tmavě modrém pásu (kontrast ≥ 6:1 jen na #1b3a8c a tmavší) */

	--color-text:          #1a244a;
	--color-text-muted:    #566089;
	--color-bg:            #ffffff;
	--color-bg-alt:        #eef2fc; /* světlý pás pod delšími texty */
	--color-tint:          #e2e9fa;
	--color-border:        #e5e9f4;
	--color-border-tint:   #d3ddf5;
	--color-error:         #b00020;
	--color-error-bg:      #fff0f0;
	--color-black:         #12245e;
	--color-white:         #ffffff;

	/* === TYPOGRAFIE === */
	--font-heading: Georgia, "Times New Roman", serif;
	--font-body:    system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--font-mono:    ui-monospace, "SF Mono", Menlo, monospace;
	--font-size-base: 17px;
	--line-height-base: 1.62;

	--text-xs:   0.75rem;
	--text-sm:   0.875rem;
	--text-base: 1rem;
	--text-lg:   1.125rem;
	--text-xl:   1.25rem;
	--text-2xl:  1.5rem;
	--text-3xl:  2rem;
	--text-4xl:  2.7rem;

	--lh-tight: 1.1;
	--lh-snug:  1.25;

	/* === SPACING (8px grid) === */
	--space-1:  0.25rem;
	--space-2:  0.5rem;
	--space-3:  0.75rem;
	--space-4:  1rem;
	--space-5:  1.25rem;
	--space-6:  1.5rem;
	--space-8:  2rem;
	--space-10: 2.5rem;
	--space-12: 3rem;
	--space-14: 3.5rem;
	--space-16: 4rem;

	/* === LAYOUT === */
	--container-max: 1120px; /* šířka obsahu z návrhu */

	/* === ZAOBLENÍ === */
	--radius-sm:   8px;
	--radius-md:   14px;
	--radius-lg:   18px;
	--radius-xl:   22px;
	--radius-full: 999px;

	/* === STÍNY === */
	--shadow-sm: 0 1px 2px rgba(18, 36, 94, .06), 0 4px 14px rgba(18, 36, 94, .05);
	--shadow-md: 0 8px 30px rgba(18, 36, 94, .10);
	--shadow-lg: 0 18px 50px rgba(18, 36, 94, .16);

	/* === PŘECHODY === */
	--transition-fast: 120ms ease;
	--transition-base: 200ms ease;
}