/* Challah Bake: design tokens.
   Everything maps onto the Bricks palette/variables already on the site, with fallbacks so the plugin
   still looks right if a variable is missing. No colors are defined here that Bricks does not own. */
:root {
	/* Palette (Bricks: primary, secondary, accent, base, white, black) */
	--cb-primary: var(--primary, #b4561b);
	--cb-primary-hover: var(--primary-d-1, #a44e19);
	--cb-secondary: var(--secondary, #e2597c);
	--cb-secondary-soft: var(--secondary-l-9, #fae1e7);
	--cb-accent: var(--accent, #fff1de);
	--cb-base: var(--base, #3a2217);
	--cb-white: var(--white, #fff);
	--cb-black: var(--black, #1e120d);
	--cb-muted: var(--base-l-4, #82726b);
	--cb-line: var(--accent-d-1, #e8dbca);
	--cb-primary-soft: var(--primary-l-9, #f1e0d6);
	--cb-success: var(--success, #2f6b3a);
	--cb-success-soft: color-mix(in srgb, var(--cb-success) 12%, #fff);
	--cb-danger: var(--danger, #b42318);
	--cb-danger-soft: color-mix(in srgb, var(--cb-danger) 10%, #fff);
	--cb-ring: color-mix(in srgb, var(--cb-primary) 30%, transparent);

	/* Shape + depth (Bricks tokens) */
	--cb-r-s: var(--radius-s, 6px);
	--cb-r-m: var(--radius-m, 10px);
	--cb-r-l: var(--radius-l, 18px);
	--cb-r-xl: var(--radius-xl, 32px);
	--cb-r-pill: var(--radius-pill, 999px);
	--cb-shadow-s: var(--shadow-s, 0 1px 2px hsl(19 43% 16% / 0.06));
	--cb-shadow-m: var(--shadow-m, 0 12px 32px hsl(19 43% 16% / 0.09));
	--cb-shadow-l: var(--shadow-l, 0 32px 80px hsl(19 43% 16% / 0.16));
	--cb-border: var(--border, 1px solid var(--accent-d-1, #e8dbca));
	--cb-ease: var(--ease-out, cubic-bezier(0.22, 1, 0.36, 1));
	--cb-dur: var(--duration, 0.3s);

	/* Type + spacing (Bricks fluid scales; px fallbacks assume the 62.5% root used on this site) */
	--cb-fs-s: var(--text-s, 14px);
	--cb-fs-m: var(--text-m, 16px);
	--cb-fs-l: var(--text-l, 21px);
	--cb-fs-xl: var(--text-xl, 28px);
	--cb-h1: var(--h1, 48px);
	--cb-h2: var(--h2, 36px);
	--cb-h3: var(--h3, 26px);
	--cb-h4: var(--h4, 20px);
	--cb-display: var(--display-m, 64px);
	--cb-s-2xs: var(--space-2xs, 8px);
	--cb-s-xs: var(--space-xs, 12px);
	--cb-s-s: var(--space-s, 18px);
	--cb-s-m: var(--space-m, 26px);
	--cb-s-l: var(--space-l, 38px);
	--cb-s-xl: var(--space-xl, 56px);
	--cb-s-2xl: var(--space-2xl, 80px);
	--cb-section: var(--section-space-s, 64px);
	--cb-container: var(--container-width, 1280px);
	--cb-container-narrow: var(--container-narrow, 880px);
	--cb-measure: var(--measure, 680px);

	--cb-control-h: 46px;

	/* Display face for big numerals and names. Matches the Bricks heading font; edit here if that changes. */
	--cb-font-display: "Instrument Serif", Georgia, "Times New Roman", serif;
}