:root {
    --public-red: #d71920;
    --public-red-dark: #a90f16;
    --public-ink: #111827;
    --public-navy: #0d1b2a;
    --public-blue: #315b7d;
    --public-paper: #fffdf8;
    --public-white: #ffffff;
    --public-muted: #667085;
    --public-story-summary: #374151;
    --public-border: #e4e0d8;
    --public-amber: #b7791f;
    --font-arabic-body: "Adobe Arabic", "Noto Naskh Arabic", "Geeza Pro", "Noto Sans Arabic", Tahoma, Arial, serif;
    --font-arabic-heading: "Adobe Arabic", "Noto Naskh Arabic", "Geeza Pro", "Noto Sans Arabic", Tahoma, Arial, serif;
    --font-english: "Poppins", Arial, Helvetica, sans-serif;
    --font-english-editorial: var(--font-english);
    --font-ui: var(--font-english);
    --space-1: .25rem;
    --space-2: .5rem;
    --space-3: .75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --container-max: 67.5rem;
    --container-gutter: clamp(1rem, 3vw, 2rem);
    --radius-sm: .25rem;
    --radius-md: .5rem;
    --border-thin: 1px solid var(--public-border);
    --shadow-soft: 0 10px 30px rgb(17 24 39 / .08);
    --transition-fast: 160ms ease;
    --z-header: 30;
    --z-ticker: 20;
    --z-menu: 80;
    --z-skip: 100;
}