/*
Theme Name: Dom i Ogród Child
Theme URI: https://domorazogrod.pl
Description: Child theme Kadence dla "Dom i Ogród" — system diagnostyczny dla właścicieli roślin. Design zamrożony: kolory bazy (#4A8A4A), podłoża (#F3F5F0), głębi (#2D5C30), złota diagnostycznego (#A89130), grafitu (#232922); fonty Syne + Mulish; element "korzeń diagnostyczny" jako separator graficzny.
Author: Dom i Ogród
Template: kadence
Version: 1.0.0
Text Domain: dom-i-ogrod-child
*/

:root {
  --doio-baza:    #4A8A4A;
  --doio-podloze: #F3F5F0;
  --doio-glebia:  #2D5C30;
  --doio-zloto:   #A89130;
  --doio-grafit:  #232922;
  --font-naglowki: 'Syne', sans-serif;
  --font-tekst:    'Mulish', sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body.doio-page {
  background: var(--doio-podloze);
  background-image: radial-gradient(circle, rgba(74,138,74,0.07) 1px, transparent 1px);
  background-size: 26px 26px;
  color: var(--doio-grafit);
  font-family: var(--font-tekst);
  -webkit-font-smoothing: antialiased;
  margin: 0;
}

/* Kadence owija treść w swoje kontenery — wyłączamy je na szablonach
   "Dom i Ogród", żeby zachować oryginalne, stałe szerokości (max-width:1200px)
   z plików .dc bez podwójnego paddingu motywu nadrzędnego. */
body.doio-page .site-main,
body.doio-page .content-area,
body.doio-page .entry-content {
  max-width: none;
  padding: 0;
  margin: 0;
}

/* Oryginalny system DC (Claude Cowork) stylował hover/focus przez atrybuty
   style-hover="..." / style-focus="..." odczytywane w runtime. W statycznym
   WordPressie obsługuje je assets/js/dc-interactions.js — nie usuwaj tych
   atrybutów z markupu, silnik JS ich potrzebuje do podtrzymania identycznego
   wyglądu hover/focus bez przepisywania całego CSS. */