/*
 * ki-produktiv.de – theme.css
 * Vollständiges Design-System für Option B (Child-Theme)
 *
 * IDENTISCH mit OPTION-A-THRIVE/global-css.css
 * (Diese Datei wird via functions.php eingebunden)
 *
 * Der Inhalt ist bewusst ausgelagert für bessere Cache-Nutzung.
 */

/* ============================================================
   Import: Inhalt aus global-css.css einfügen
   (Kopiere den kompletten Inhalt von OPTION-A-THRIVE/global-css.css hierhin)
   ============================================================ */

/* ==== 1. DESIGN-TOKENS ==== */
:root {
  --ki-primary:        #1E3A5F;
  --ki-primary-hover:  #2A4F82;
  --ki-primary-pale:   #EBF1F9;
  --ki-primary-border: rgba(30, 58, 95, 0.15);
  --ki-accent:         #D97706;
  --ki-accent-hover:   #B45309;
  --ki-accent-pale:    #FEF3C7;
  --ki-accent-border:  rgba(217, 119, 6, 0.2);
  --ki-bg:             #FAFAF8;
  --ki-surface:        #FFFFFF;
  --ki-surface-alt:    #F0F4F8;
  --ki-text:           #1A1A2E;
  --ki-text-muted:     #64748B;
  --ki-text-light:     #94A3B8;
  --ki-border:         #E2E8F0;
  --ki-shadow-sm:      0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);
  --ki-shadow-md:      0 4px 16px rgba(30,58,95,0.08), 0 2px 6px rgba(0,0,0,0.05);
  --ki-shadow-lg:      0 20px 40px rgba(30,58,95,0.12), 0 8px 16px rgba(0,0,0,0.06);
  --ki-font-body:      'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --ki-font-display:   'Playfair Display', 'Georgia', 'Times New Roman', serif;
  --ki-font-mono:      'Fira Code', 'Courier New', monospace;
  --ki-space-xs:   0.5rem;
  --ki-space-sm:   1rem;
  --ki-space-md:   1.5rem;
  --ki-space-lg:   2.5rem;
  --ki-space-xl:   4rem;
  --ki-space-2xl:  6rem;
  --ki-radius-sm:   0.375rem;
  --ki-radius-md:   0.75rem;
  --ki-radius-lg:   1rem;
  --ki-radius-xl:   1.5rem;
  --ki-radius-full: 9999px;
  --ki-transition: all 0.3s ease;
  --ki-transition-fast: all 0.15s ease;
}

/* ==== HINWEIS: Kopiere den vollständigen Inhalt von ==== */
/* ==== OPTION-A-THRIVE/global-css.css ab Abschnitt 2 ==== */
/* ==== (Body & Basisstyles bis Ende der Datei)         ==== */

/* Kurz-Version der wichtigsten Regeln: */
body { background-color:var(--ki-bg); color:var(--ki-text); font-family:var(--ki-font-body); font-size:1rem; line-height:1.7; -webkit-font-smoothing:antialiased; margin:0; padding:0; }
*, *::before, *::after { box-sizing: border-box; }
img { max-width:100%; height:auto; }
a { color:var(--ki-primary); }
.ki-d-none-mobile { display:none; }
@media(min-width:768px){ .ki-d-none-mobile{display:flex;} }

/* Lade den VOLLEN CSS aus global-css.css – das spart Redundanz */
/* Diese Datei enthält die WordPress-spezifischen Ergänzungen: */

/* WordPress-spezifische Alignments */
.alignleft  { float:left; margin:0 1.5rem 1.5rem 0; }
.alignright { float:right; margin:0 0 1.5rem 1.5rem; }
.aligncenter { display:block; margin:1.5rem auto; }
.alignwide  { max-width:calc(100% + 4rem); margin-left:-2rem; margin-right:-2rem; }
.alignfull  { max-width:100vw; margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%); }

/* WordPress Caption */
.wp-caption { max-width:100%; }
.wp-caption-text { font-size:0.85rem; color:var(--ki-text-muted); text-align:center; margin-top:0.5rem; }

/* WordPress Gallery */
.gallery { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:1rem; }
.gallery-item img { width:100%; height:200px; object-fit:cover; border-radius:var(--ki-radius-md); }

/* Post Pagination */
.page-numbers { display:inline-flex; align-items:center; gap:0.5rem; margin-top:2rem; }
.page-numbers a, .page-numbers span { padding:0.5rem 1rem; border:1px solid var(--ki-border); border-radius:var(--ki-radius-sm); color:var(--ki-text); text-decoration:none; font-size:0.9rem; }
.page-numbers .current { background:var(--ki-primary); color:white; border-color:var(--ki-primary); }
.page-numbers a:hover { background:var(--ki-primary-pale); border-color:var(--ki-primary); }