:root {
	--ar-primary: #0f766e;
	--ar-primary-strong: #0c5c55;
	--ar-ink: #0f172a;
	--ar-ink-soft: #334155;
	--ar-muted: #e2e8f0;
	--ar-surface: #f8fafc;
	--ar-card: #ffffff;
	--ar-accent: #f4b942;
	--ar-radius-lg: 18px;
	--ar-radius-md: 14px;
	--ar-radius-sm: 10px;
	--ar-shadow: 0 15px 50px rgba(15, 118, 110, 0.08);
	--space-1: 6px;
	--space-2: 10px;
	--space-3: 14px;
	--space-4: 18px;
	--space-5: 24px;
	--space-6: 32px;
	--space-7: 40px;
}

body {
	font-family: 'Plus Jakarta Sans', 'Cairo', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	color: var(--ar-ink);
	background: var(--ar-surface);
	line-height: 1.6;
	letter-spacing: 0.01em;
}

[dir="rtl"] body {
	font-family: 'Cairo', 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

a {
	color: var(--ar-primary);
	text-decoration: none;
}

a:hover,
a:focus {
	color: var(--ar-primary-strong);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--ar-ink);
	font-weight: 800;
	line-height: 1.2;
	margin: 0 0 var(--space-2);
	word-break: break-word;
}

p {
	margin: 0 0 var(--space-3);
	color: var(--ar-ink-soft);
}

img {
	max-width: 100%;
	height: auto;
}

.arooj-container {
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 18px;
}

.eyebrow {
	display: inline-block;
	padding: 6px 10px;
	border: 1px solid var(--ar-muted);
	border-radius: 999px;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--ar-primary-strong);
	background: #fff;
}