:root{
  --kb-bg: #ffffff;
  --kb-text: #111827;
  --kb-muted: rgba(17,24,39,.65);
  --kb-border: rgba(0,0,0,.10);
  --kb-soft: rgba(0,0,0,.04);
  --kb-radius: 22px;
  --kb-radius-sm: 16px;
  --kb-shadow: 0 10px 22px rgba(0,0,0,.06);
  --kb-accent: rgba(0,188,212,.10);
  --kb-accent-border: rgba(0,188,212,.24);
}

/* Global font */
body{
  font-family: system-ui,-apple-system,"Segoe UI",Tahoma,Arial;
}

/* Universal cards (frontend + admin) */
.kb-card,
.kdlp-card,
.kdlp-form-card,
.kdlp-my-item,
.kdlp-my-head,
.kdlp-my-edit,
.kidbot-box,
.wrap.kidbot-panel .kidbot-box,
.kidbot-home-card{
  background: var(--kb-bg) !important;
  border: 1px solid var(--kb-border) !important;
  border-radius: var(--kb-radius) !important;
  box-shadow: var(--kb-shadow) !important;
}

/* Buttons */
.kb-btn,
.kdlp-btn,
.kdlp-submit,
.kdlp-save,
.kidbot-tab-btn,
.kidbot-tab-link{
  border-radius: 14px !important;
  font-weight: 900 !important;
}

/* Images responsive everywhere */
img{
  max-width: 100%;
  height: auto;
}

/* Better media rendering inside cards */
.kdlp-gitem img,
.kdlp-gal-item img{
  width: 100% !important;
  height: auto !important;
  display:block !important;
  object-fit: cover;
}

/* Make gallery images look crisp and consistent */
.kdlp-gitem img{ border-radius: 0 !important; }
.kdlp-gal-item img{ border-radius: 12px !important; }

/* Accent button */
.kdlp-open{
  background: var(--kb-accent) !important;
  border-color: var(--kb-accent-border) !important;
}

/* Optional: make admin background slightly softer without breaking WP */
.wp-admin #wpcontent{
  background: linear-gradient(180deg, rgba(0,0,0,.02), transparent 220px);
}