/*
Theme Name:   Wellnesty (Kadence Child)
Theme URI:    https://wellnesty.co.uk
Description:  Child theme of Kadence for Wellnesty — "Editorial Wellness with attitude". Custom-coded homepage + design tokens (aubergine / ivory / coral, Bodoni Moda + Archivo). Articles are managed as normal Posts.
Author:       Wellnesty
Template:     kadence
Version:      0.1.2
Text Domain:  wellnesty-child
*/

/* =========================================================
   DESIGN TOKENS  (single source of truth for the whole site)
   ========================================================= */
:root{
  --wn-ivory:#F4F0E8;   --wn-ivory-2:#EDE4D6;  --wn-paper:#FAF6EF;
  --wn-plum-950:#20101A; --wn-plum-900:#2A1422; --wn-plum-800:#3C1E30;
  --wn-ink:#22141C;     --wn-grey:#6E635E;     --wn-line:#D9CFC2; --wn-line-2:#E4DBCD;
  --wn-ivory-d:#F2EAE2; --wn-mauve-d:#B79FAC;  --wn-line-d:#412636;
  --wn-coral:#D98A6B;   --wn-coral-deep:#B4633F;
  --wn-display:'Yeseva One',Georgia,'Times New Roman',serif;
  --wn-sans:'Archivo',system-ui,-apple-system,sans-serif;
  --wn-container:1240px;
}

/* =========================================================
   LIGHT GLOBAL LAYER
   These keep single Posts / Pages consistent with the homepage.
   (Also set the same values in Kadence > Global Styles so the
   block editor previews correctly — this CSS is the safety net.)
   ========================================================= */
body{
  background:var(--wn-ivory);
  color:var(--wn-ink);
  font-family:var(--wn-sans);
  -webkit-font-smoothing:antialiased;
}
/* Big display headings (page/article titles, hero) = Bodoni Moda */
h1,.entry-title,.wp-block-post-title{
  font-family:var(--wn-display);
  font-weight:400;
  letter-spacing:-0.02em;
}
/* Working sub-headings inside content = Archivo (readable at reading sizes).
   Bodoni Moda is a high-contrast display face — lovely large, hard to read small. */
h2,h3,h4,.entry-content h2,.entry-content h3,.entry-content h4{
  font-family:var(--wn-sans);
  font-weight:600;
  letter-spacing:-0.01em;
}
a{color:var(--wn-coral-deep);}
a:hover{color:var(--wn-ink);}

/* Article reading comfort on single posts */
.single .entry-content{
  max-width:680px;
  margin-left:auto;
  margin-right:auto;
}
.single .entry-content p{
  font-size:18.5px;
  line-height:1.75;
  color:#2C2027;
}

/* Reusable eyebrow (usable inside post content too) */
.wn-eyebrow{
  font-family:var(--wn-sans);
  font-size:11px;font-weight:600;letter-spacing:0.2em;
  text-transform:uppercase;color:var(--wn-coral-deep);
  display:block;
}