/* Moduláris CSS Rendszer - Kalimatcha Design Tokenek (100% Google Fonts) */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400..900;1,9..144,400..900&family=Philosopher:ital,wght@0,400;0,700;1,400&family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Outfit:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');


:root {
    /* LÁTVÁNYTERV SZERINTI PRÉMIUM KALIMATCHA SZÍNPALETTA */
    --color-primary: #1b3d2f;         /* Mély erdőzöld az aktív gombokhoz és kiemelésekhez */
    --color-sage: #819b7d;            /* Lágy zsályazöld */
    --color-matcha-medium: #1b3d2f;   /* Fő sötétzöld */
    --color-matcha-dark: #1b3d2f;     /* Mély erdőzöld a szövegekhez */
    --color-cream-light: #f7f9f4;     /* Selymes világos meleg krém háttér (Image 2) */
    --color-cream-dark: #f7f9f4;      /* Világos zsályazöld krém háttér */

    --color-terracotta: #c67b5c;      /* Finom terrakotta kiegészítő szín */
    --color-terracotta-dark: #a8583b;

    /* Kalimatcha kompatibilitási változók leképzése */
    --bg-primary: var(--color-cream-light);
    --bg-secondary: var(--color-cream-dark);
    --bg-card: rgba(255, 255, 255, 0.92);
    
    --text-main: var(--color-matcha-dark);
    --text-muted: #576356;            /* Olvasható zöldes-szürke leírásokhoz */
    
    --accent: var(--color-primary);
    --accent-light: #e6ede4;
    --accent-hover: #122920;
    --border-color: #cbd4cb;          /* Világos szegélyszín a zöldes árnyalatokhoz */




    /* Tipográfia (Prémium Playfair Display betűtípus teljes magyar ékezetes támogatással) */
    --font-heading: 'Playfair Display', 'Lora', Georgia, serif;
    --font-body: 'Plus Jakarta Sans', 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;

    /* Árnyékok */
    --shadow-soft: 0 4px 20px -2px rgba(74, 80, 72, 0.08), 0 8px 32px 0 rgba(74, 80, 72, 0.04);
    --shadow-hover: 0 16px 32px -4px rgba(74, 80, 72, 0.12), 0 24px 48px 0 rgba(74, 80, 72, 0.08);


    /* Animációs átmenetek */
    --transition-smooth: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    
    /* Touch Target méret minimum */
    --touch-target-size: 44px;
}

/* Zöld színű szövegkijelölés */
::selection {
    background-color: var(--color-primary);
    color: var(--color-matcha-dark);
}

::-moz-selection {
    background-color: var(--color-primary);
    color: var(--color-matcha-dark);
}