/**
 * Azizia design tokens.
 * Source of truth for colours mirrors theme.json (Gutenberg palette).
 *
 * Contrast rule: #FF6A00 is a FILL colour (buttons, badges) with ink text on it.
 * Orange text on white uses --az-orange-text (#B84A00, ≥ 4.5:1).
 */
:root {
	/* Brand */
	--az-ink: #0b0b0b;
	--az-ink-2: #1c1c1c;
	--az-orange: #ff6a00;
	--az-orange-hover: #e65f00;
	--az-orange-text: #b84a00;
	--az-orange-soft: #ffe9d6;
	--az-orange-tint: #fff1e6;
	--az-white: #ffffff;

	/* Neutrals */
	--az-surface: #f3f3f1;
	--az-surface-2: #f4f4f2;
	--az-line: #e4e4e4;
	--az-muted: #5c5c5c;
	--az-muted-on-dark: #c9c9c9;
	--az-success: #0a7a3b;

	/* Type */
	--az-font: "IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;

	/* Radius / shadow */
	--az-radius-sm: 8px;
	--az-radius: 12px;
	--az-radius-lg: 16px;
	--az-shadow-pop: 0 24px 48px rgb(0 0 0 / 0.22);
	--az-shadow-card: 0 6px 20px rgb(0 0 0 / 0.08);

	/* Layout */
	--az-container: 1440px;
	--az-gutter: clamp(14px, 2vw, 24px);
	--az-tap: 44px; /* minimum touch target */
}