/**
 * IKS Brand — canonical CSS tokens + utility classes.
 *
 * The single source of truth for every brand value used across the IKS site.
 * Consumers (observership plugin, child theme, future plugins) MUST reference
 * `var(--iks-*)` here rather than redefining their own copies. Local prefixed
 * vars (e.g. `--iks-obs-purple`) drifted within the codebase historically;
 * they're gone now and shouldn't return.
 *
 * Anything theme-specific (page-level spacing, hero treatments, etc.) stays
 * in the theme. Anything plugin-specific stays in the plugin. This file is
 * the brand baseline that both inherit from.
 *
 * @package IKS_Shared
 */

:root {
	/* ── Brand palette ────────────────────────────────────────────────── */
	--iks-purple:        #8125A5;
	--iks-purple-dark:   #5C176F;
	--iks-purple-light:  #9244B0;
	--iks-purple-pale:   #AE77C3;
	--iks-magenta:       #AE0083;

	/* Neutrals tuned to sit alongside the purple/magenta brand */
	--iks-ink:           #1a0d1f;
	--iks-slate:         #5f6360;
	--iks-soft:          #F0EDF0;       /* purple-tinted off-white for cards/blockquotes */
	--iks-panel:         #ffffff;
	--iks-line:          rgba(45, 17, 56, 0.08);

	/* ── Gradients ───────────────────────────────────────────────────── */
	--iks-gradient-brand:
		linear-gradient(135deg, var(--iks-purple) 0%, var(--iks-magenta) 100%);

	/* ── Typography ──────────────────────────────────────────────────── */
	--iks-font:
		'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--iks-font-display: var(--iks-font);

	/* ── Radii ───────────────────────────────────────────────────────── */
	--iks-radius-pill:   999px;
	--iks-radius-card:   20px;
	--iks-radius-panel:  14px;

	/* ── Shadows (purple-tinted to sit on cream/white surfaces) ──────── */
	--iks-shadow-soft:    0 8px 32px rgba(45, 17, 56, 0.06);
	--iks-shadow-medium:  0 16px 48px rgba(45, 17, 56, 0.10);
	--iks-shadow-strong:  0 24px 64px rgba(45, 17, 56, 0.18);

	/* ── Motion ──────────────────────────────────────────────────────── */
	--iks-ease:          cubic-bezier(0.22, 1, 0.36, 1);
	--iks-ease-soft:     cubic-bezier(0.4, 0, 0.2, 1);

	/* ── Focus ring (accessibility) ──────────────────────────────────── */
	--iks-focus-color:   var(--iks-purple);
	--iks-focus-width:   2px;
	--iks-focus-offset:  2px;
}

/* ────────────────────────────────────────────────────────────────────────
 * Utility classes
 *
 * Kept deliberately small. The brand sheet is for tokens; full component
 * styles live in their consuming plugin/theme. These utilities exist only
 * because they're 1-line rules duplicated >5 times across codebases.
 * ──────────────────────────────────────────────────────────────────────── */

.iks-pill {
	border-radius: var(--iks-radius-pill);
}

.iks-focus-ring:focus-visible {
	outline: var(--iks-focus-width) solid var(--iks-focus-color);
	outline-offset: var(--iks-focus-offset);
}