/*
Theme Name:   Blocksy Child — klinicky-psycholog.sk
Theme URI:    https://klinicky-psycholog.sk
Description:  Child theme pre Blocksy. Design tokens, štýly článkov (.kp-clanok), schema hooks pre Mgr. Filipa Valúcha, klinického a dopravného psychológa.
Author:       Mgr. Filip Valúch
Author URI:   https://klinicky-psycholog.sk
Template:     blocksy
Version:      1.0.0
License:      Proprietary
Text Domain:  blocksy-child-kp
Tags:         medical, healthcare, psychology, slovak
*/

/* ================================================================
   DESIGN TOKENS
   Toto je jediné miesto, kde sa mení paleta a písma celého webu.
   Blok nižšie vygeneruje dielňa na paletu — prilepiť sem celý.
   kp-clanok.css aj Blocksy si hodnoty berú odtiaľto.
   ================================================================ */
:root {
    --kp-brand: #000066;
    --kp-b600: #000052;
    --kp-b700: #00003d;
    --kp-b50: #eaebf5;
    --kp-b100: #c9cce4;
    --kp-ink: #252525;
    --kp-text: #5a5a5a;
    --kp-muted: #848484;
    --kp-subtle: #aaaaaa;
    --kp-line: #ececec;
    --kp-bg: #ffffff;
    --kp-bg2: #fafafa;
    --kp-warn: #b4761a;
    --kp-warnbg: #fff4e0;
    --kp-good: #15803d;
    --kp-goodbg: #dcfce7;
    --kp-bad: #b91c1c;
    --kp-badbg: #fee2e2;

    --kp-font-heading: 'IBM Plex Sans', system-ui, sans-serif;
    --kp-font-body: 'IBM Plex Sans', system-ui, sans-serif;
    --kp-font-accent: 'Source Serif 4', Georgia, serif;
    --kp-font-mono: 'IBM Plex Mono', ui-monospace, monospace;

    --kp-rm: 10px;
    --kp-rl: 14px;
    --kp-rp: 999px;
    --kp-e: cubic-bezier(.2, .7, .2, 1);
}

/* Blocksy paletu mapujeme na naše tokeny, nech sa mení na jednom mieste */
:root {
    --theme-palette-color-1: var(--kp-brand);
    --theme-palette-color-2: var(--kp-b700);
    --theme-palette-color-3: var(--kp-ink);
    --theme-palette-color-4: var(--kp-text);
    --theme-palette-color-5: var(--kp-muted);
}

/* ================================================================
   GLOBÁLNA TYPOGRAFIA
   ================================================================ */
body {
    font-family: var(--kp-font-body);
    color: var(--kp-text);
    background: var(--kp-bg);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--kp-font-heading);
    color: var(--kp-ink);
    text-wrap: balance;
}

a { color: var(--kp-brand); text-underline-offset: 3px; }
a:hover { color: var(--kp-b700); }

:focus-visible {
    outline: 2px solid var(--kp-brand);
    outline-offset: 2px;
}

/* ================================================================
   KRÍZOVÝ DISCLAIMER — vždy viditeľný v päte
   ================================================================ */
.kp-crisis {
    background: var(--kp-warnbg);
    color: var(--kp-text);
    border-top: 1px solid var(--kp-line);
    padding: 12px 16px;
    text-align: center;
    font-size: 13px;
    line-height: 1.5;
}
.kp-crisis strong { color: var(--kp-warn); }
.kp-crisis a { color: var(--kp-warn); }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}