/*
Theme Name: SakuBloom Child
Theme URI: https://sakubloom.com
Description: Child theme of Kadence for SakuBloom — carries the @beejustblooms brand palette and typography into the blog.
Author: Bee
Template: kadence
Version: 1.0.0
Text Domain: sakubloom-child
*/

:root {
  /* Core palette */
  --sb-soil: #2e241c;
  --sb-soil-deep: #3d2e20;
  --sb-soil-soft: #5c4a3a;
  --sb-soil-muted: #9c8878;

  --sb-bloom: #c17f5e;
  --sb-bloom-light: #e8c4aa;
  --sb-bloom-pale: #fdf5ef;

  --sb-moss: #7a9469;
  --sb-moss-light: #b8ceac;
  --sb-moss-pale: #f0f5ec;

  --sb-petal: #d4a0b0;
  --sb-petal-pale: #faf0f3;
  --sb-blush: #f5eef2;

  --sb-cream: #fdfaf6;
  --sb-parchment: #f7f0e6;
  --sb-sand: #b8a880;

  /* Category accents */
  --sb-cat-plants: #e8c4aa;
  --sb-cat-reading: #b8a880;
  --sb-cat-gaming: #c17f5e;
  --sb-cat-kdrama: #f5eef2;
  --sb-cat-anime: #7a9469;

  /* Typography */
  --sb-font-display: 'Playfair Display', serif;
  --sb-font-body: 'DM Sans', sans-serif;
}

body {
  background-color: var(--sb-cream);
  color: var(--sb-soil);
  font-family: var(--sb-font-body);
}

h1, h2, h3, h4,
.entry-title,
.kadence-title {
  font-family: var(--sb-font-display);
  color: var(--sb-soil);
}

a,
.kt-button-primary {
  color: var(--sb-bloom);
}

a:hover {
  color: var(--sb-soil-soft);
}

/* Category card accents — apply via category slug body class,
   e.g. body.category-plants .sb-category-card */
body.category-plants .sb-category-accent   { background-color: var(--sb-cat-plants); }
body.category-reading .sb-category-accent  { background-color: var(--sb-cat-reading); }
body.category-gaming .sb-category-accent   { background-color: var(--sb-cat-gaming); }
body.category-kdrama .sb-category-accent   { background-color: var(--sb-cat-kdrama); }
body.category-anime-manga .sb-category-accent { background-color: var(--sb-cat-anime); }

/* Soft card style matching the branding kit */
.sb-card {
  background: #fff;
  border: 1px solid rgba(122,148,105,0.18);
  border-radius: 14px;
  padding: 20px;
}

.sb-tagline {
  font-family: var(--sb-font-display);
  font-style: italic;
  color: var(--sb-bloom);
}