/* Explain: Page theme tokens and color palette. */
:root {
    --primary-color: #1B4BC4;
    --primary-hover: #143AA0;
    --secondary-color: #FFC72C;
    --accent-color: #F5B301;
    --forest-color: #1B4BC4;
    --clay-color: #F5B301;
    --cream-color: #FFFFFF;
    --sage-color: #FFC72C;
    --charcoal-color: #0B1B3F;
    --warm-ivory: #FFFFFF;
    --champagne-color: #FFC72C;
    --blush-color: #F5B301;
    --background-color: #FFFFFF;
    --surface-color: #ffffff;
    --text-color: #0B1B3F;
    --text-muted: color-mix(in srgb, #0B1B3F 68%, transparent);
    --border-color: color-mix(in srgb, #1B4BC4 22%, transparent);
    --shadow-soft: 0 24px 70px color-mix(in srgb, #0B1B3F 16%, transparent);
    --shadow-card: 0 18px 45px color-mix(in srgb, #0B1B3F 10%, transparent);
    --font-heading: 'Cairo', sans-serif;
    --font-body: 'Tajawal', sans-serif;
}