/*
 * Memelio Magija — dizaino žetonai (design tokens).
 * Vienintelis šaltinis spalvoms, tipografijai, tarpams ir judesiui.
 */

:root {
	/* ---- Bazinės paviršių spalvos ---------------------------------- */
	--mm-black: #050506;
	--mm-bg: #0a0a0b;
	--mm-bg-alt: #0d0d0f;
	--mm-surface: #101013;
	--mm-surface-2: #17171b;
	--mm-surface-3: #1e1e23;

	--mm-line: rgba(255, 255, 255, 0.08);
	--mm-line-soft: rgba(255, 255, 255, 0.05);
	--mm-line-strong: rgba(255, 255, 255, 0.16);

	/* ---- Firminė raudona ------------------------------------------- */
	--mm-red: #e01b24;
	--mm-red-bright: #ff2e3a;
	--mm-red-deep: #8e0f16;
	--mm-red-ink: #3a070b;
	--mm-red-glow: rgba(224, 27, 36, 0.45);
	--mm-red-wash: rgba(224, 27, 36, 0.08);

	/* ---- Tekstas ---------------------------------------------------- */
	--mm-text: #ffffff;
	--mm-text-2: #a9abb0;
	--mm-text-3: #6c6e73;
	--mm-text-4: #47484c;

	/* ---- Paslaugų akcentai (kiekviena paslauga turi savo šviesą) ---- */
	--mm-sla: #4c9dff;
	--mm-fdm: #c9ced6;
	--mm-scan: #2fd37e;
	--mm-model: #e01b24;
	--mm-paint: #a87bff;

	/* Aktyvus akcentas — perrašomas sekcijų lygyje. */
	--mm-accent: var(--mm-red);
	--mm-accent-glow: var(--mm-red-glow);

	/* ---- Būsenos ---------------------------------------------------- */
	--mm-success: #2fd37e;
	--mm-warning: #f5a524;
	--mm-danger: #ff4d4f;

	/* ---- Tipografija ------------------------------------------------ */
	/*
	 * Atsarginėse eilutėse sąmoningai laikomi siauri šriftai (Arial Narrow,
	 * Helvetica Neue Condensed), o ne bet koks sans-serif: jei Oswald
	 * neįsikeltų, antraštės išlaikytų tą pačią siaurą proporciją ir
	 * maketas nešokinėtų.
	 */
	--mm-font-display: "Oswald", "Barlow Condensed", "Arial Narrow", "Helvetica Neue Condensed", "Liberation Sans Narrow", sans-serif;
	--mm-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--mm-font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

	/* Fluid dydžiai — auga kartu su ekranu, be šuolių. */
	--mm-fs-hero: clamp(2.75rem, 1.2rem + 6.4vw, 6.5rem);
	--mm-fs-h1: clamp(2.25rem, 1.25rem + 4.2vw, 4.25rem);
	--mm-fs-h2: clamp(1.75rem, 1.1rem + 2.8vw, 3rem);
	--mm-fs-h3: clamp(1.375rem, 1rem + 1.5vw, 2rem);
	--mm-fs-h4: clamp(1.125rem, 0.95rem + 0.7vw, 1.375rem);
	--mm-fs-lead: clamp(1rem, 0.95rem + 0.35vw, 1.1875rem);
	--mm-fs-body: 1rem;
	--mm-fs-sm: 0.875rem;
	--mm-fs-xs: 0.8125rem;
	--mm-fs-eyebrow: 0.75rem;

	--mm-lh-tight: 1.04;
	--mm-lh-snug: 1.22;
	--mm-lh-body: 1.72;

	--mm-ls-display: 0.02em;
	--mm-ls-eyebrow: 0.22em;
	--mm-ls-nav: 0.14em;
	--mm-ls-button: 0.16em;

	/* ---- Tarpai (4px žingsnis) -------------------------------------- */
	--mm-1: 0.25rem;
	--mm-2: 0.5rem;
	--mm-3: 0.75rem;
	--mm-4: 1rem;
	--mm-5: 1.5rem;
	--mm-6: 2rem;
	--mm-7: 2.5rem;
	--mm-8: 3rem;
	--mm-9: 4rem;
	--mm-10: 5rem;
	--mm-11: 6.5rem;
	--mm-12: 8rem;

	/* Sekcijų vertikalus oras — fluid. */
	--mm-section: clamp(3.5rem, 2rem + 6vw, 7.5rem);
	--mm-section-sm: clamp(2.5rem, 1.5rem + 4vw, 5rem);

	/* ---- Struktūra --------------------------------------------------- */
	--mm-maxw: 1440px;
	--mm-maxw-narrow: 900px;
	--mm-maxw-text: 68ch;
	--mm-gutter: clamp(1.125rem, 0.5rem + 2.4vw, 3rem);
	--mm-header-h: 84px;
	--mm-topbar-h: 38px;

	--mm-radius-sm: 3px;
	--mm-radius: 4px;
	--mm-radius-lg: 6px;
	--mm-radius-pill: 999px;

	/* ---- Šešėliai ir švytėjimas -------------------------------------- */
	--mm-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.6);
	--mm-shadow: 0 18px 40px -18px rgba(0, 0, 0, 0.9);
	--mm-shadow-lg: 0 40px 80px -30px rgba(0, 0, 0, 0.95);
	--mm-glow: 0 0 0 1px var(--mm-red-wash), 0 12px 48px -12px var(--mm-red-glow);

	/* ---- Judesys ------------------------------------------------------ */
	--mm-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--mm-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
	--mm-ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
	--mm-dur-fast: 180ms;
	--mm-dur: 320ms;
	--mm-dur-slow: 620ms;
	--mm-dur-reveal: 900ms;

	/* ---- Sluoksniai ---------------------------------------------------- */
	--mm-z-grain: 9000;
	--mm-z-cursor: 9500;
	--mm-z-header: 800;
	--mm-z-drawer: 900;
	--mm-z-modal: 1000;
}

/*
 * Šviesios temos čia nėra sąmoningai: prekės ženklas gyvena tamsoje,
 * o kontrastas tarp juodo fono ir raudonos šviesos yra pagrindinė idėja.
 */