/* Explain: Defines color palette, typography, and custom properties. */
:root {
    --primary-color: #934B2C;
    --primary-hover: #7A3E23;
    --secondary-color: #7D8463;
    --accent-color: #D8D2C4;
    --background-color: #FBF7EF;
    --surface-color: #F4EEE4;
    --surface-deep: #E8E0D2;
    --text-color: #202124;
    --text-muted: #68665f;
    --border-color: #D8D2C4;
    --cream-color: #FBF7EF;
    --stone-color: #D8D2C4;
    --charcoal-color: #202124;
    --clay-color: #934B2C;
    --olive-color: #7D8463;
    --shadow-soft: 0 24px 70px rgba(32, 33, 36, 0.12);
    --shadow-paper: 0 14px 40px rgba(32, 33, 36, 0.09);
    --radius-arch: 999px 999px 24px 24px;
    --radius-soft: 28px;
    --font-heading: 'Cairo', sans-serif;
    --font-body: 'Tajawal', sans-serif;
}