/*
Theme Name:   ATK Child
Theme URI:    https://atk.org.pl
Description:  Motyw potomny Hello Elementor dla ATK – Projektowanie BIM Nadzor. Globalna paleta, typografia oraz biblioteka klas pod Elementor.
Author:       redPin agency
Author URI:   https://redpin.agency
Template:     hello-elementor
Version:      1.1.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain:  atk-child
*/

/* ==========================================================================
   ATK — DESIGN TOKENS
   ========================================================================== */
:root {
    /* Kolory */
    --atk-yellow:        #F5C518;
    --atk-yellow-dark:   #E0B113;
    --atk-yellow-soft:   #FFF6D1;
    --atk-black:         #1A1A1A;
    --atk-text:          #1A1A1A;
    --atk-muted:         #6B6B6B;
    --atk-bg:            #FFFFFF;
    --atk-bg-alt:        #F7F7F7;
    --atk-border:        #E5E5E5;

    /* Typografia */
    --atk-font-display:  'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --atk-font-body:     'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

    /* Skala rozmiarow (desktop) */
    --atk-h1: clamp(2.25rem, 4vw + 1rem, 3.5rem);   /* 36–56px */
    --atk-h2: clamp(1.75rem, 2.5vw + 0.5rem, 2.5rem); /* 28–40px */
    --atk-h3: clamp(1.25rem, 1.2vw + 0.75rem, 1.5rem); /* 20–24px */
    --atk-body: 1rem;

    /* Layout */
    --atk-container: 1200px;
    --atk-radius:    4px;
    --atk-gap:       2rem;

    /* Cienie i animacje */
    --atk-shadow-card: 0 2px 12px rgba(26,26,26,0.04);
    --atk-transition:  200ms ease-out;
}

/* Reset minimalny — Hello Elementor zalatwia wiekszosc */
body {
    font-family: var(--atk-font-body);
    color: var(--atk-text);
    background: var(--atk-bg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4 {
    font-family: var(--atk-font-display);
    color: var(--atk-black);
    letter-spacing: -0.01em;
    line-height: 1.15;
}