/**
 * Elgamal design tokens — extracted from authoritative hostinger/index.html.
 * Defaults match source; ACF theme options may intentionally diverge later.
 */

:root {
	/* Brand / surfaces */
	--elgamal-color-primary: #a97529;
	--elgamal-color-primary-strong: #7a5520; /* AA white-on-gold CTAs */
	--elgamal-color-primary-press: #5f4118;
	--elgamal-color-accent-bright: #c8913c;
	--elgamal-color-label-gold: #8a6424;
	--elgamal-color-ink: #1d1d1b;
	--elgamal-color-ink-soft: #3a3631;
	--elgamal-color-body: #4f4a42;
	--elgamal-color-surface-dark: #1a1a18;
	--elgamal-color-pale: #f6f4f0;
	--elgamal-color-divider: #ece7df;
	--elgamal-color-white: #ffffff;
	--elgamal-color-muted: #5e584f; /* darkened for AA on pale */
	--elgamal-color-border-soft: #ddd5c8;
	--elgamal-color-focus: #7a5520;

	/* Interactive (buttons / CTAs) */
	--elgamal-btn-bg: var(--elgamal-color-primary-strong);
	--elgamal-btn-fg: #ffffff;
	--elgamal-btn-bg-hover: var(--elgamal-color-primary-press);
	--elgamal-btn-bg-active: #4a3212;
	--elgamal-link: var(--elgamal-color-label-gold);
	--elgamal-link-hover: var(--elgamal-color-ink);

	/* Typography scale — restrained editorial, not mega-clamp AI posters */
	--elgamal-font-sans: Roboto, system-ui, -apple-system, "Segoe UI", sans-serif;
	--elgamal-font-arabic: "Droid Arabic Kufi", Roboto, system-ui, sans-serif;
	--elgamal-letter-spacing-label: 0.14em;
	--elgamal-text-body: 1.0625rem; /* 17px */
	--elgamal-text-small: 0.875rem; /* 14px */
	--elgamal-text-label: 0.8125rem; /* 13px */
	--elgamal-leading-body: 1.7;
	--elgamal-text-h1: clamp(2rem, 4.2vw, 3.25rem); /* ~52px max */
	--elgamal-text-h2: clamp(1.625rem, 3vw, 2.25rem); /* ~36px max */
	--elgamal-text-hero: clamp(2.25rem, 5vw, 4.5rem); /* ~72px max */
	--elgamal-font-weight-display: 800;

	/* Layout / section rhythm — tighter than 10vw/140px stacks */
	--elgamal-max-width: 1280px;
	--elgamal-gutter-inline: clamp(20px, 5vw, 80px);
	--elgamal-section-y: clamp(48px, 6vw, 96px);
	--elgamal-section-y-tight: clamp(36px, 4.5vw, 72px);
	--elgamal-section-gap: clamp(28px, 3.5vw, 48px);
	--elgamal-nav-breakpoint: 960px;
	--elgamal-album-autoplay-ms: 6000;

	/* Radius / elevation (source is restrained; avoid generic card chrome) */
	--elgamal-radius-none: 0;
	--elgamal-shadow-none: none;

	/* Object-fit defaults for media slots */
	--elgamal-media-fit: cover;
	--elgamal-media-position: center center;
}

html[lang^="ar"],
[dir="rtl"] {
	--elgamal-font-current: var(--elgamal-font-arabic);
	--elgamal-letter-spacing-label: 0;
}

html:not([lang^="ar"]),
[dir="ltr"] {
	--elgamal-font-current: var(--elgamal-font-sans);
}