/*
Theme Name: Melia
Description: Egyedi klasszikus/hibrid téma a Mélia Kids Dokan + WooCommerce piactérhez. Elementor-független, teljesen szerkeszthető minden oldalon a natív WordPress szerkesztővel.
Author: Melia Kids
Version: 0.2.0
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: melia
*/

/* ==========================================================================
   Design tokens — hivatalos Mélia Kids design system (She Creates Design, 2026),
   1:1 átvéve a design-system.html / melia-kids-tokens.css forrásból.
   Mindenhol EZEKET a --mk-* változókat használjuk, sose hardcode-olt színt/
   betűméretet, így egy helyen módosítható a teljes design, és a design docs-ból
   copy-paste-elt komponens-kód is hibamentesen illeszkedik.
   ========================================================================== */
:root {
	/* Alapszínek */
	--mk-cream:      #F7F3EC;
	--mk-walnut:     #3E2E22;
	/* AKADÁLYMENTESSÉG: a design system eredeti terrakottája #B86B4B volt, de
	   fehér szöveggel csak 4,01:1 kontrasztot ad — a WCAG AA 4,5:1-et ír elő
	   normál szövegre. Mivel a terrakotta MINDEN elsődleges gomb, a kosár-jelvény
	   és a pénztár-gomb háttere, ez az egész oldalon átmenő hiba volt. A tokent
	   ~4%-kal sötétítettük (#AD6142 → 4,60:1) — szabad szemmel gyakorlatilag
	   azonos árnyalat, de már megfelel. Ahol a terrakotta SZÖVEGSZÍN krémen, ott
	   a sötétítés csak javít a kontraszton. Eredeti érték visszaállításához: #B86B4B. */
	--mk-terracotta: #AD6142;
	--mk-sage:       #93A084;
	--mk-gold:       #C9A66B;
	--mk-warmgray:   #6B6259;
	--mk-mustard:    #DFA320;

	/* Származtatott árnyalatok */
	--mk-cream-deep:       #EFE8DC;
	--mk-white:            #FFFFFF;
	--mk-paper:            #FCFAF5;
	--mk-terracotta-hover: #A05A3D;
	--mk-terracotta-soft:  #F4E4DC;
	--mk-sage-hover:       #7E8C70;
	--mk-sage-soft:        #EAEEE4;
	--mk-gold-soft:        #F3EAD8;
	--mk-walnut-soft:      #5A4635;

	/* Szemantikus színek */
	--mk-success:      #5F7350;
	--mk-success-soft: #E9EEE3;
	--mk-warning:      #8A6A33;
	--mk-warning-soft: #F3EAD8;
	--mk-error:        #9B3B2E;
	--mk-error-soft:   #F6E3DF;

	/* Vonalak */
	--mk-border:        rgba(62,46,34,0.14);
	--mk-border-strong: rgba(62,46,34,0.28);

	/* Tipográfia */
	--mk-font-display: 'Fraunces', serif;
	--mk-font-body:    'Jost', sans-serif;

	/* Betűméretek */
	--mk-fs-display: 56px;
	--mk-fs-h1:      40px;
	--mk-fs-h2:      30px;
	--mk-fs-h3:      24px;
	--mk-fs-body-lg: 18px;
	--mk-fs-body:    16px;
	--mk-fs-small:   14px;
	--mk-fs-caption: 12px;
	--mk-fs-cta:     13px;

	/* Sarok-lekerekítés */
	--mk-radius-sm:   6px;
	--mk-radius-md:   8px;
	--mk-radius-img:  10px;
	--mk-radius-lg:   16px;
	--mk-radius-pill: 999px;

	/* Térközök (4px alapegység) */
	--mk-space-1: 4px;
	--mk-space-2: 8px;
	--mk-space-3: 12px;
	--mk-space-4: 16px;
	--mk-space-5: 24px;
	--mk-space-6: 32px;
	--mk-space-7: 48px;
	--mk-space-8: 64px;
	--mk-space-9: 96px;

	/* Árnyékok — dió-alapú, meleg tónus */
	--mk-shadow-sm: 0 1px 3px rgba(62,46,34,0.07);
	--mk-shadow-md: 0 4px 16px rgba(62,46,34,0.09);
	--mk-shadow-lg: 0 12px 32px rgba(62,46,34,0.12);

	/* Elrendezés */
	--mk-content-width: 1380px;

	/* Átmenet */
	--mk-ease: 180ms ease;
}