/* --- Color Tokens — Dar Jana International Schools --- */
:root {
    /* Deep navy — logo mark & Arabic text */
    --navy: #0d2970;
    --navy-deep: #081d54;
    --navy-mid: #1a3f9f;
    --navy-soft: #e6eaf8;
    /* Cyan accent — "DAR JANA INTERNATIONAL SCHOOLS" wordmark */
    --cyan: #00a8e8;
    --cyan-dark: #007bb5;
    --cyan-light: #e0f5fd;
    /* Surfaces */
    --surface: #f5f8ff;
    --surface-low: #eef1fb;
    --surface-high: #dde3f5;
    --surface-highest: #d2d9ef;
    --surface-white: #ffffff;
    /* Text */
    --text-primary: #0d1630;
    --text-secondary: #3d4a72;
    --text-muted: #7b87b0;
    --sidebar-width: 280px;
    --font-primary: 'Manrope', sans-serif;
    --font-heading: 'Work Sans', sans-serif;
}

[dir="rtl"] {
    --font-primary: 'Tajawal', sans-serif;
    --font-heading: 'Tajawal', sans-serif;
    font-size: 106.25%; /* optical size compensation — Tajawal runs ~6% smaller than Manrope at same px */
}