/**
 * Design tokens — brand colors, radii, shadows (Reparo-aligned palette).
 *
 * @package liyosa-isi
 */

:root {
	--isi-primary: #f03b42;
	--isi-primary-dark: #da2b34;
	--isi-neutral: #abafa4;
	--isi-light-bg: #f8f9fa;
	--isi-site-bg: #f4f9fd;
	--isi-dark-base: #111111;
	--isi-text: #1e1e1e;
	--isi-text-muted: #555555;
	--isi-border: #e6e6e6;
	--isi-radius-sm: 8px;
	--isi-radius-md: 12px;
	--isi-radius-lg: 18px;
	--isi-shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.05);
	--isi-shadow-medium: 0 15px 40px rgba(0, 0, 0, 0.08);
	--isi-shadow-hover: 0 20px 50px rgba(0, 0, 0, 0.12);
	--isi-gradient-primary: linear-gradient(135deg, #f03b42 0%, #da2b34 100%);
	--isi-gradient-dark: linear-gradient(120deg, #111111 0%, #da2b34 100%);
	--isi-btn-radius: 999px;
	--isi-btn-padding-y: 14px;
	--isi-btn-padding-x: 28px;
	--isi-btn-font-size: 14px;
	--isi-btn-font-weight: 700;
	--isi-btn-letter-spacing: 0.04em;
	--isi-btn-gap: 10px;
	--isi-btn-shadow: 0 12px 28px color-mix(in srgb, var(--isi-primary) 35%, transparent);
	--isi-btn-shadow-hover: 0 16px 32px color-mix(in srgb, var(--isi-primary) 42%, transparent);
	--isi-site-inner-max: 1180px;
	--isi-site-inner-pad: clamp(14px, 4vw, 24px);
}