/* Explain: Theme design tokens (colors, fonts) with updated brand colors. - */
:root {
    --primary-color: #062b63;
    --primary-hover: #041f49;
    --secondary-color: #020b1f;
    --accent-color: #00c8e8;
    --accent-hover: #00a9c7;

    --background-color: #f6f9fc;
    --surface-color: #ffffff;
    --surface-alt: #eaf4fb;
    --dark-surface: #071a35;

    --text-color: #071427;
    --text-muted: #526276;
    --text-light: #8ea0b4;

    --border-color: #dbe6f0;
    --shadow-soft: 0 22px 70px rgba(2, 11, 31, 0.12);

    --font-heading: 'Cairo', sans-serif;
    --font-body: 'Tajawal', sans-serif;
}