/* ==========================================================================
   Shambhavi Publishing – design tokens
   Every colour / type / spacing value used by the theme comes from here.
   Brand colours can be changed in Customizer → शांभवी थीम सेटिंग्ज → रंग.
   ========================================================================== */
:root {
	/* Brand */
	--sp-navy: #172B45;
	--sp-navy-hover: #263F60;
	--sp-navy-deep: #0F1E32;
	--sp-gold: #C49A52;
	--sp-gold-hover: #D4AE70;
	--sp-gold-soft: #F3E9D6;

	/* Backgrounds */
	--sp-ivory: #F7F4ED;
	--sp-white: #FFFFFF;
	--sp-grey: #F1F3F5;

	/* Text */
	--sp-text: #292D32;
	--sp-text-2: #737B86;
	--sp-text-muted: #969DA5;

	/* Status */
	--sp-success: #287A59;
	--sp-warning: #D69A32;
	--sp-error: #B64242;
	--sp-info: #356FA5;

	/* Lines */
	--sp-border: #E5E1D8;

	/* Typography */
	--sp-font-heading: "Mukta", "Noto Sans Devanagari", system-ui, sans-serif;
	--sp-font-body: "Mukta", "Noto Sans Devanagari", system-ui, sans-serif;
	--sp-fs-hero: clamp(32px, 4.6vw, 52px);
	--sp-fs-page: clamp(28px, 3.4vw, 38px);
	--sp-fs-section: clamp(24px, 2.8vw, 34px);
	--sp-fs-book: clamp(18px, 1.6vw, 22px);
	--sp-fs-body: 17px;
	--sp-fs-small: 14px;
	--sp-lh-body: 1.75;   /* generous for Devanagari matras */
	--sp-lh-heading: 1.3;

	/* Layout */
	--sp-container: 1200px;
	--sp-gutter: clamp(16px, 4vw, 32px);
	--sp-section: clamp(48px, 7vw, 88px);
	--sp-radius: 8px;
	--sp-radius-lg: 14px;

	/* Elevation */
	--sp-shadow-sm: 0 1px 2px rgba(23, 43, 69, .06), 0 2px 8px rgba(23, 43, 69, .05);
	--sp-shadow-md: 0 6px 24px rgba(23, 43, 69, .10);
	--sp-shadow-book: 0 10px 30px rgba(23, 43, 69, .22), 0 2px 6px rgba(23, 43, 69, .12);

	--sp-ease: cubic-bezier(.2, .7, .2, 1);
}