/* GENERATED by scripts/tokens_from_theme_json.py -- do not edit by hand. */
/* Source of truth: legacy/wp-content/themes/crystalwala/theme.json */

:root {
	/* colour */
	--cw-color-ink: #2A1D16;
	--cw-color-ink-soft: #5A483C;
	--cw-color-muted: #8A7566;
	--cw-color-line: #EADFCF;
	--cw-color-surface: #FFFFFF;
	--cw-color-ground: #FDF6EC;
	--cw-color-ground-alt: #F8E9D6;
	--cw-color-maroon: #7A1F23;
	--cw-color-maroon-dark: #571215;
	--cw-color-gold: #C89A3C;
	--cw-color-gold-soft: #F6E9CE;
	--cw-color-saffron: #E07B2C;
	--cw-color-save: #2E7D4F;
	--cw-color-sale: #B0281F;

	/* type */
	/* ⚠️ CW-41 — THESE ARE divinehindu.in's FACES, MEASURED OFF THEIR LIVE
	   PAGES, NOT CHOSEN. The client asked for their typography copied exactly.

	   Their system is THREE families, not the two this theme had:

	       body, nav        Inter        15px / 400 / 1.5
	       section titles   Montserrat   34px / 700 / 1.2
	       page + card      Poppins      16-30px / 600-800 / 1.2

	   ⚠️ THIS OVERRIDES A RESEARCH FINDING THAT SAID NOT TO. CW-01's teardown
	   concluded their fonts "are the category default — copying them makes us
	   generic", and the parent-brand alignment in brand.css was built on
	   Fraunces + Outfit. The owner was shown that and chose to copy the fonts
	   exactly anyway on 2026-09-04. That is a decision on the record, not an
	   oversight. Do not quietly revert it; if it is revisited, revisit it with
	   the owner.

	   Fraunces and Outfit are still SHIPPED and still declared below, because
	   the parent-brand layer references them and nothing is served by deleting
	   two files to save 99K on a change that may be reviewed. They are simply
	   no longer what these tokens resolve to. */
	--cw-font-display: "Montserrat", "Tiro Devanagari Hindi", Georgia, sans-serif;
	--cw-font-heading: "Poppins", "Tiro Devanagari Hindi", -apple-system, sans-serif;
	--cw-font-body: "Inter", "Tiro Devanagari Hindi", -apple-system, BlinkMacSystemFont, sans-serif;

	/* Kept so the previous system is one edit away, and so anything still
	   naming them explicitly does not fall back to Georgia. */
	--cw-font-display-legacy: "Fraunces", "Tiro Devanagari Hindi", Georgia, serif;
	--cw-font-body-legacy: "Outfit", "Tiro Devanagari Hindi", -apple-system, BlinkMacSystemFont, sans-serif;
	--cw-text-xs: 0.8125rem;
	--cw-text-sm: 0.9375rem;
	--cw-text-base: 1.0625rem;
	--cw-text-lg: clamp(1.15rem, 1.15rem + 1.4vw, 1.3rem);
	--cw-text-xl: clamp(1.5rem, 1.5rem + 1.4vw, 1.9rem);
	--cw-text-2xl: clamp(2rem, 2rem + 1.4vw, 2.8rem);
	--cw-text-3xl: clamp(2.4rem, 2.4rem + 1.4vw, 4rem);

	/* spacing */
	--cw-space-10: 0.5rem;
	--cw-space-20: 1rem;
	--cw-space-30: 1.5rem;
	--cw-space-40: 2.5rem;
	--cw-space-50: 4rem;
	--cw-space-60: 6rem;

	/* shadow */
	--cw-shadow-soft: 0 1px 2px rgba(28,25,23,.05), 0 12px 32px -22px rgba(28,25,23,.45);
	--cw-shadow-lift: 0 2px 6px rgba(28,25,23,.06), 0 22px 48px -26px rgba(28,25,23,.5);

	/* layout */
	--cw-content: 44rem;
	--cw-wide: 84rem;
}

/* Compatibility aliases.
   The storefront CSS was authored against WordPress's generated preset
   variables. Aliasing them here means that CSS ports across byte-for-byte
   instead of being retyped, which is where colour drift comes from.
   Safe to delete once no `--wp--preset--` reference remains. */
:root {
	--wp--preset--color--ink: var(--cw-color-ink);
	--wp--preset--color--ink-soft: var(--cw-color-ink-soft);
	--wp--preset--color--muted: var(--cw-color-muted);
	--wp--preset--color--line: var(--cw-color-line);
	--wp--preset--color--surface: var(--cw-color-surface);
	--wp--preset--color--ground: var(--cw-color-ground);
	--wp--preset--color--ground-alt: var(--cw-color-ground-alt);
	--wp--preset--color--maroon: var(--cw-color-maroon);
	--wp--preset--color--maroon-dark: var(--cw-color-maroon-dark);
	--wp--preset--color--gold: var(--cw-color-gold);
	--wp--preset--color--gold-soft: var(--cw-color-gold-soft);
	--wp--preset--color--saffron: var(--cw-color-saffron);
	--wp--preset--color--save: var(--cw-color-save);
	--wp--preset--color--sale: var(--cw-color-sale);
	--wp--preset--font-family--display: var(--cw-font-display);
	--wp--preset--font-family--heading: var(--cw-font-heading);
	--wp--preset--font-family--body: var(--cw-font-body);
	--wp--preset--font-size--xs: var(--cw-text-xs);
	--wp--preset--font-size--sm: var(--cw-text-sm);
	--wp--preset--font-size--base: var(--cw-text-base);
	--wp--preset--font-size--lg: var(--cw-text-lg);
	--wp--preset--font-size--xl: var(--cw-text-xl);
	--wp--preset--font-size--2xl: var(--cw-text-2xl);
	--wp--preset--font-size--3xl: var(--cw-text-3xl);
	--wp--preset--spacing--10: var(--cw-space-10);
	--wp--preset--spacing--20: var(--cw-space-20);
	--wp--preset--spacing--30: var(--cw-space-30);
	--wp--preset--spacing--40: var(--cw-space-40);
	--wp--preset--spacing--50: var(--cw-space-50);
	--wp--preset--spacing--60: var(--cw-space-60);
	--wp--style--global--wide-size: var(--cw-wide);
	--wp--style--global--content-size: var(--cw-content);
}