/* ==========================================================================
   THRIVE design tokens: the ONLY file with raw brand values.
   theme.json palette mirrors these (WordPress needs literal values there).
   ========================================================================== */
:root {
  /* colors */
  --t-forest: #1B3322;
  --t-forest-deep: #0F1F14;
  --t-obsidian: #0F1115;
  --t-cream: #F9F6F0;
  --t-sand: #EFE8DA;
  --t-sand-deep: #E8DFC9;
  --t-sage: #8B9D83;
  --t-sage-soft: #C5CEBF;
  --t-sage-pop: #9DB8AB;
  --t-mist: #E4ECE7;
  --t-ivory-pop: #FAF7F1;
  --t-white: #FFFFFF;
  --t-black: #000000;
  --t-gold: #C4A265;
  --t-gold-soft: #D9C29A;
  --t-gold-ink: #7D5F22;
  --t-gold-ink-legacy: #8A6A28;
  --t-gold-amber: #BF8A27;
  --t-gold-warm: #D9A13A;
  --t-gold-bright: #E9C46A;
  --t-muted: #5A6B5E;
  --t-forest-ink: #14251A;
  --t-graphite: #26292B;
  --t-slate: #6B7271;
  --t-gold-dark: #B8860B;
  --t-evergreen-pop: #186041;
  --t-error: #B3402F;
  --t-ink-legacy: #142A25;
  --t-teal-legacy: #1F3D36;
  --t-pine-legacy: #0F3A2C;
  /* rgb channels for alpha use: rgb(var(--t-x-rgb) / .5) */
  --t-forest-rgb: 27 51 34;
  --t-forest-deep-rgb: 15 31 20;
  --t-obsidian-rgb: 15 17 21;
  --t-cream-rgb: 249 246 240;
  --t-sand-rgb: 239 232 218;
  --t-sand-deep-rgb: 232 223 201;
  --t-sage-rgb: 139 157 131;
  --t-sage-soft-rgb: 197 206 191;
  --t-sage-pop-rgb: 157 184 171;
  --t-mist-rgb: 228 236 231;
  --t-ivory-pop-rgb: 250 247 241;
  --t-white-rgb: 255 255 255;
  --t-black-rgb: 0 0 0;
  --t-gold-rgb: 196 162 101;
  --t-gold-soft-rgb: 217 194 154;
  --t-gold-ink-rgb: 125 95 34;
  --t-gold-ink-legacy-rgb: 138 106 40;
  --t-gold-amber-rgb: 191 138 39;
  --t-gold-warm-rgb: 217 161 58;
  --t-gold-bright-rgb: 233 196 106;
  --t-muted-rgb: 90 107 94;
  --t-forest-ink-rgb: 20 37 26;
  --t-graphite-rgb: 38 41 43;
  --t-slate-rgb: 107 114 113;
  --t-gold-dark-rgb: 184 134 11;
  --t-evergreen-pop-rgb: 24 96 65;
  --t-error-rgb: 179 64 47;
  --t-ink-legacy-rgb: 20 42 37;
  --t-teal-legacy-rgb: 31 61 54;
  --t-pine-legacy-rgb: 15 58 44;
  /* type */
  --t-font-serif: "Playfair Display", Georgia, serif;
  --t-font-sans: "Inter", -apple-system, "Segoe UI", sans-serif;
  /* radius */
  --t-radius-md: 12px; --t-radius-lg: 16px; --t-radius-xl: 20px; --t-radius-card: 18px; --t-radius-pill: 100px;
  /* spacing (mirrors theme.json spacingSizes) */
  --t-space-20: 0.5rem; --t-space-30: 1rem; --t-space-40: 1.5rem; --t-space-50: clamp(2rem, 4vw, 3rem); --t-space-60: clamp(3rem, 6vw, 5rem); --t-space-70: clamp(4.5rem, 9vw, 7.5rem);
  /* motion */
  --t-ease-out: cubic-bezier(0.22, 1, 0.36, 1); --t-ease: cubic-bezier(0.4, 0, 0.2, 1);
}

/* ---- legacy aliases (component CSS reads these names) ---- */
:root {
	--thrive-radius: var(--t-radius-card);
	--thrive-shadow: 0 20px 50px -24px rgb(var(--t-ink-legacy-rgb) / 0.28);
	--thrive-ease: cubic-bezier(0.22, 1, 0.36, 1);
}
:root {
	--thrive-ease: var(--thrive-ease, cubic-bezier(0.22, 1, 0.36, 1));
	--pop-gold: var(--wp--preset--color--gold, var(--t-gold-amber));
	--pop-evergreen: var(--wp--preset--color--evergreen, var(--t-evergreen-pop));
	--pop-sage: var(--wp--preset--color--sage, var(--t-sage-pop));
}
:root {
  --q-forest: var(--t-forest);
  --q-forest-deep: var(--t-forest-deep);
  --q-obsidian: var(--t-obsidian);
  --q-cream: var(--t-cream);
  --q-sand: var(--t-sand);
  --q-sage: var(--t-sage);
  --q-sage-soft: var(--t-sage-soft);
  --q-gold: var(--t-gold);
  --q-gold-soft: var(--t-gold-soft);
  --q-text: var(--t-forest);
  --q-muted: var(--t-muted);
  --q-border: rgb(var(--t-forest-rgb) / 0.08);
  --q-shadow-md: 0 1px 2px rgb(var(--t-obsidian-rgb) / 0.05), 0 8px 20px rgb(var(--t-obsidian-rgb) / 0.05);
  --q-shadow-lg: 0 1px 2px rgb(var(--t-obsidian-rgb) / 0.05), 0 12px 28px rgb(var(--t-obsidian-rgb) / 0.07);
  --q-rlg: var(--t-radius-lg); --q-rxl: var(--t-radius-xl); --q-rmd: var(--t-radius-md);
  --q-gold-ink: var(--t-gold-ink); /* darker gold for small text on light bg — WCAG AA */
  --q-serif: var(--t-font-serif);
  --q-ease: cubic-bezier(0.4, 0, 0.2, 1);
}