/*
Theme Name: AktZgodny Theme
Theme URI: https://aktzgodny.pl
Description: Motyw frontendowy AktZgodny.pl. Wyłącznie prezentacja - zero logiki biznesowej
(logika w pluginie aktzgodny-core, CLAUDE.md zasada 6).
Author: Premiumads sp. z o.o.
Version: 0.5.4
Requires PHP: 8.2
Text Domain: aktzgodny-theme
*/

/*
 * Reset (BRIEF-010 P1): design/landing.html linia 15 ma ten reset, motyw go nie miał - skutek:
 * .plan .btn (width:100% + padding 26px, box-sizing: content-box domyślne) wystawał poza karty
 * cennika o ~52px. Ten sam reset co wzorzec, na samej górze, PRZED tokenami, żeby obowiązywał
 * wszystkie podstrony motywu (nie tylko front-page.php).
 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/*
 * Tokeny: docs/PROJECT.md sekcja 5, 1:1 z design/landing.html i design/skan.html.
 */
:root {
    --navy: #0F172A;
    --ink: #1E293B;
    --teal: #0D9488;
    --teal-d: #0B7C72;
    --mint: #5EEAD4;
    --paper: #FAFAF7;
    --line: #E2E8F0;
    --grey: #64748B;
    --amber: #B45309;
    --amber-bg: #FEF3C7;
    --red: #DC2626;

    --font-display: 'Bricolage Grotesque', sans-serif;
    --font-text: 'IBM Plex Sans', sans-serif;
    --font-mono: 'IBM Plex Mono', monospace;
}

body {
    font-family: var(--font-text);
    color: var(--ink);
    background: var(--paper);
    line-height: 1.6;
    font-size: 16px;
}

h1, h2, h3, .disp {
    font-family: var(--font-display);
    color: var(--navy);
    line-height: 1.12;
}

.mono {
    font-family: var(--font-mono);
}

a {
    color: var(--teal-d);
}

/*
 * Strony generyczne (index.php: #main-content, np. /regulamin i /polityka-prywatnosci) - treść
 * to surowe <h2>/<p>/<ul> z templates/pages/*.html bez własnej klasy/CSS. Do reset (BRIEF-010 P1)
 * odstępy między akapitami/nagłówkami pochodziły z domyślnego arkusza przeglądarki; reset je
 * zerował, więc trzeba je odtworzyć jawnie, inaczej treść zlewa się w nieczytelną ścianę tekstu.
 */
#main-content {
    max-width: 760px;
    margin: 0 auto;
    padding: 48px 24px 80px;
}

#main-content h1 {
    margin: 0 0 24px;
}

#main-content h2 {
    font-size: 22px;
    margin: 32px 0 12px;
}

#main-content p,
#main-content ul,
#main-content ol {
    margin: 0 0 16px;
}

#main-content li {
    margin: 0 0 6px;
}

#main-content ul,
#main-content ol {
    padding-left: 22px;
}