/* Enjezly UI — immutable design primitives. */
:root {
    --ej-color-purple-50: #f2f0ff;
    --ej-color-purple-100: #e6e2ff;
    --ej-color-purple-200: #cec7ff;
    --ej-color-purple-500: #5b4cf5;
    --ej-color-purple-600: #4f40df;
    --ej-color-purple-700: #4338ca;
    --ej-color-purple-950: #201b4b;

    --ej-color-gold-50: #fff8e6;
    --ej-color-gold-100: #ffedbd;
    --ej-color-gold-500: #f0a500;
    --ej-color-gold-700: #9a6500;

    --ej-color-teal-50: #ecfeff;
    --ej-color-teal-600: #0e7490;
    --ej-color-green-600: #15803d;
    --ej-color-amber-700: #b45309;
    --ej-color-red-600: #dc2626;

    --ej-color-neutral-0: #ffffff;
    --ej-color-neutral-25: #fbfaff;
    --ej-color-neutral-50: #f7f6fb;
    --ej-color-neutral-100: #efedf5;
    --ej-color-neutral-200: #dedbe8;
    --ej-color-neutral-400: #9290a0;
    --ej-color-neutral-600: #5d5a6b;
    --ej-color-neutral-800: #2b2937;
    --ej-color-neutral-900: #1b1925;
    --ej-color-neutral-950: #12111a;

    --ej-font-family: "Tajawal", system-ui, -apple-system, "Segoe UI", sans-serif;
    --ej-font-display: "Alexandria", "Tajawal", system-ui, sans-serif;
    --ej-font-size-xs: .75rem;
    --ej-font-size-sm: .875rem;
    --ej-font-size-md: 1rem;
    --ej-font-size-lg: 1.125rem;
    --ej-font-size-xl: 1.375rem;
    --ej-font-size-2xl: clamp(1.75rem, 3vw, 2.5rem);
    --ej-font-size-display: clamp(2.25rem, 5vw, 4.5rem);
    --ej-line-height-tight: 1.22;
    --ej-line-height-body: 1.75;

    --ej-space-1: .25rem;
    --ej-space-2: .5rem;
    --ej-space-3: .75rem;
    --ej-space-4: 1rem;
    --ej-space-5: 1.25rem;
    --ej-space-6: 1.5rem;
    --ej-space-8: 2rem;
    --ej-space-10: 2.5rem;
    --ej-space-12: 3rem;
    --ej-space-16: 4rem;
    --ej-space-20: 5rem;
    --ej-space-24: 6rem;

    --ej-radius-sm: .5rem;
    --ej-radius-md: .75rem;
    --ej-radius-lg: 1rem;
    --ej-radius-xl: 1.5rem;
    --ej-radius-round: 999px;
    --ej-border-width: 1px;
    --ej-shadow-sm: 0 1px 2px rgb(18 17 26 / .05);
    --ej-shadow-md: 0 14px 34px rgb(18 17 26 / .10);
    --ej-shadow-lg: 0 26px 70px rgb(18 17 26 / .16);
    --ej-duration-fast: 160ms;
    --ej-duration-normal: 240ms;
    --ej-ease: cubic-bezier(.2, .8, .2, 1);
    --ej-container: 1200px;
    --ej-reading-width: 680px;
    --ej-header-height: 72px;
}