/**
 * Llama Corp design tokens (v2.x brand palette).
 *
 * Source of truth: llama-content/design-system/tokens.json + tokens.css.
 * Legacy colors (morada, blue, mist, ...) are intentionally NOT included: the brand marks them
 * "do not use in new work".
 *
 * Two layers:
 *  1. Raw brand tokens (--lc-*), fixed hex values from the brand guide.
 *  2. Semantic tokens (--lc-c-*), which read Blocksy's global palette first so that a palette
 *     change in the Customizer flows through the child theme CSS too.
 */
:root {
	/* 1. Brand palette (brand-guide.md section 2.2 / tokens.json color.brand) */
	--lc-white: #ffffff;
	--lc-blush: #fbeae2;
	--lc-purple: #3d3763;
	--lc-lavender: #664f79;
	--lc-sunset: #f69489;

	/* Derived (assumption): lavender at 20% on white, for hairline borders. Not a brand color. */
	--lc-line: #e0dce4;

	/* Type families (tokens.json font.family) */
	--lc-font-display: "Dubiel", "Didot", "Bodoni MT", Georgia, serif;
	--lc-font-heading: "Audrey", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--lc-font-body: "Lora", Georgia, "Times New Roman", serif;
	--lc-font-accent: "Medio", "Didot", Georgia, serif;

	/* Web type scale in px (tokens.json font.size-px.web) */
	--lc-fs-display: 64px;
	--lc-fs-h1: 48px;
	--lc-fs-h2: 32px;
	--lc-fs-h3: 22px;
	--lc-fs-tagline: 24px;
	--lc-fs-body: 16px;
	--lc-fs-small: 14px;
	--lc-fs-eyebrow: 13px;
	--lc-fs-button: 16px;

	/* Line heights (tokens.json font.role) */
	--lc-lh-display: 1;
	--lc-lh-h1: 1.05;
	--lc-lh-h2: 1.1;
	--lc-lh-h3: 1.2;
	--lc-lh-tagline: 1.25;
	--lc-lh-body: 1.55;

	/* Letter spacing */
	--lc-ls-display: -0.01em;
	--lc-ls-eyebrow: 0.14em;
	--lc-ls-label: 0.08em;

	/* Space scale (tokens.json space-px) */
	--lc-space-1: 4px;
	--lc-space-2: 8px;
	--lc-space-3: 12px;
	--lc-space-4: 16px;
	--lc-space-5: 24px;
	--lc-space-6: 32px;
	--lc-space-7: 48px;
	--lc-space-8: 64px;
	--lc-space-9: 96px;
	--lc-space-10: 128px;

	/* Radius (tokens.json radius-px). 8 inputs/small images, 16 cards, 24 large cards, 32 panels, 999 buttons/pills */
	--lc-radius-sm: 8px;
	--lc-radius-md: 16px;
	--lc-radius-lg: 24px;
	--lc-radius-xl: 32px;
	--lc-radius-pill: 999px;

	/* Shadow (tokens.json shadow.card) */
	--lc-shadow-card: 0 1px 2px rgba(61, 55, 99, 0.06), 0 8px 24px rgba(61, 55, 99, 0.06);

	/* Layout (tokens.json layout) */
	--lc-max-width: 1200px;
	--lc-reading-width: 68ch;
	--lc-touch-target: 44px;

	/* 2. Semantic tokens, mapped onto Blocksy's palette slots (see inc/blocksy-defaults.php) */
	--lc-c-primary: var(--theme-palette-color-1, var(--lc-purple));
	--lc-c-accent: var(--theme-palette-color-2, var(--lc-sunset));
	--lc-c-text: var(--theme-palette-color-3, var(--lc-lavender));
	--lc-c-heading: var(--theme-palette-color-4, var(--lc-purple));
	--lc-c-border: var(--theme-palette-color-5, var(--lc-line));
	--lc-c-panel: var(--theme-palette-color-6, var(--lc-blush));
	--lc-c-ground: var(--theme-palette-color-7, var(--lc-white));
	--lc-c-surface: var(--theme-palette-color-8, var(--lc-white));

	/* On-accent text: purple on sunset (4.9:1). Never white on sunset (2.2:1). */
	--lc-c-on-accent: var(--lc-purple);
	/* On-primary text: white on purple (10.9:1). */
	--lc-c-on-primary: var(--lc-white);
}