:root {
	--humera-green-dark: #00494a;
	--humera-green-light: #4ee572;
	--humera-white: #ffffff;
	--humera-heading: #142326;
	--humera-text: #00494a;
	--humera-muted: #3d4f50;
	--humera-text-on-dark: #ffffff;
	--humera-muted-on-dark: rgba(255, 255, 255, 0.78);
	--humera-bg: #ffffff;
	--humera-bg-mint: #f3fbf4;
	--humera-bg-projects: #f7f8f8;
	--humera-surface-dark: #00494a;
	--humera-line: #d5e6e6;
	--humera-line-on-dark: rgba(255, 255, 255, 0.22);
	--humera-link: #00494a;
	--humera-accent: #4ee572;
	--humera-focus: #00494a;
	--humera-focus-on-dark: #4ee572;
	--humera-motif: rgba(78, 229, 114, 0.28);
	--humera-font-ar-display: "Thmanyah Serif Display", serif;
	--humera-font-ar-text: "Thmanyah Serif Text", serif;
	/* Latin locales (en, tr, id) share Thmanyah with Arabic. */
	--humera-font-en-display: "Thmanyah Serif Display", serif;
	--humera-font-en-text: "Thmanyah Serif Text", serif;
	--humera-font-display: var(--humera-font-ar-display);
	--humera-font-text: var(--humera-font-ar-text);
	--humera-font-primary: var(--humera-font-display);
	--humera-font-secondary: var(--humera-font-text);
	/* Floor stays near the fluid value at 320px. A 2.5rem floor locked phones at 40px. */
	--humera-size-hero: clamp(1.75rem, 3.6vw + 1rem, 4.5rem);
	--humera-size-page: clamp(2rem, 2vw + 1rem, 3.25rem);
	--humera-size-section: clamp(1.75rem, 1.4vw + 1rem, 3.15rem);
	--humera-size-card: 1.125rem;
	--humera-size-body: 1.0625rem;
	--humera-size-meta: 0.8125rem;
	--humera-size-label: 0.8125rem;
	--humera-size-small: var(--humera-size-meta);
	--humera-size-h1: var(--humera-size-hero);
	--humera-size-h2: var(--humera-size-section);
	/* Radius scale. One step per role so corners stay related without turning controls into pills. */
	--humera-radius-sm: 0.5rem;
	--humera-radius-md: 1rem;
	--humera-radius-lg: 1.5rem;
	--humera-radius-xl: 2rem;
	--humera-radius-2xl: 2.5rem;
	--humera-radius-full: 999px;
	--humera-radius: var(--humera-radius-xl);
	--humera-radius-card: var(--humera-radius-lg);
	--humera-radius-image: var(--humera-radius-lg);
	--humera-radius-badge: var(--humera-radius-sm);
	--humera-radius-control: var(--humera-radius-md);
	--humera-leading-body: 1.55;
	--humera-leading-heading: 1.12;
	--humera-leading-card: 1.35;
	--humera-space-1: 0.25rem;
	--humera-space-2: 0.5rem;
	--humera-space-3: 1rem;
	--humera-space-4: 1.25rem;
	--humera-space-5: 1.7rem;
	--humera-space-6: 3rem;
	--humera-space-7: clamp(4rem, 5vw, 7rem);
	--humera-gutter: clamp(1rem, 0.4vw + 0.8rem, 1.25rem);
	--humera-content: 86rem;
	--humera-measure: 40rem;
	--humera-adjacent-card: 20.5rem;
	--humera-header-height: 5.5rem;
	--humera-header-height-compact: 4rem;
	--humera-panel: 15rem;
	--humera-shadow: 0 2px 6px rgba(0, 73, 74, 0.16);
	--humera-shadow-raised: 0 8px 22px rgba(0, 73, 74, 0.14);
	--humera-transition: 200ms ease;
	--humera-z-header: 30;
	--humera-z-overlay: 35;
	--humera-z-panel: 40;
	--humera-z-skip: 50;
}