/*
Theme Name: Home Soul
Theme URI: https://homesoul.in
Author: AB Industry Traders
Description: Custom theme for homesoul.in, built on the Home Soul Design System v1.1 (logo palette, Fraunces + DM Sans). Main styles live in assets/css/main.css.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: homesoul
*/

/* Design tokens (Design System v1.1, page 11). Change a value once and it updates site-wide. */
:root {
	/* Core: exact codes from the Home Soul logo */
	--hs-cream: #FBF4E8;      /* page background */
	--hs-leaf: #B5C49F;       /* soft fills, tags */
	--hs-sage: #819978;       /* icons, borders, badges (never small text) */
	--hs-forest: #526258;     /* buttons, links, nav */

	/* Supporting: exact codes from the post boxes */
	--hs-ink: #3A352D;        /* headings */
	--hs-body: #4C463B;       /* paragraph text */
	--hs-terracotta: #C0623E; /* hover, highlights */
	--hs-gold: #C9A24B;       /* ornaments only */
	--hs-linen: #F7F2E8;      /* box backgrounds */
	--hs-linen-edge: #ECE3D2; /* borders */
	--hs-sage-mist: #F2F6EF;  /* takeaway boxes */
	--hs-white: #FFFFFF;

	/* Typography */
	--hs-font-head: 'Fraunces', Georgia, 'Noto Serif Devanagari', serif;
	--hs-font-body: 'DM Sans', system-ui, -apple-system, 'Segoe UI', 'Noto Sans Devanagari', sans-serif;
	--hs-h1: clamp(1.875rem, 1.4rem + 2vw, 2.5rem);
	--hs-h2: clamp(1.5rem, 1.25rem + 1.1vw, 1.875rem);
	--hs-h3: clamp(1.25rem, 1.15rem + 0.5vw, 1.4375rem);
	--hs-h4: clamp(1.0625rem, 1.03rem + 0.15vw, 1.125rem);
	--hs-lead: clamp(1.0625rem, 1rem + 0.35vw, 1.1875rem);
	--hs-body-size: clamp(1rem, 0.95rem + 0.2vw, 1.0625rem);
	--hs-small: clamp(0.8125rem, 0.79rem + 0.1vw, 0.875rem);
	--hs-label: clamp(0.6875rem, 0.67rem + 0.08vw, 0.75rem);
	--hs-leading: 1.75;

	/* Spacing (8-point) and shape */
	--space-2xs: 4px; --space-xs: 8px; --space-sm: 12px; --space-md: 16px;
	--space-lg: 24px; --space-xl: 32px; --space-2xl: 48px; --space-3xl: 64px; --space-4xl: 96px;
	--hs-radius-sm: 4px; --hs-radius-md: 8px; --hs-radius-pill: 999px;
	--hs-shadow: 0 6px 20px rgba(58, 53, 45, 0.08);
	--hs-container: 1200px; --hs-reading: 720px;
	--hs-header-h: 72px;
}