/* Explain: Theme design tokens (colors, fonts) — single source of truth. */
:root {
    --primary-color: #0b5fa5;
    --primary-hover: #084a80;
    --primary-dark: #063e6b;
    --secondary-color: #17a2b8;
    --accent-color: #f97316;
    --accent-hover: #ea580c;
    --accent-soft: #fff2e3;
    --whatsapp-color: #25d366;
    --background-color: #ffffff;
    --surface-color: #f1f6fb;
    --surface-alt: #e3eef8;
    --text-color: #10233a;
    --text-muted: #5b7085;
    --border-color: #d8e3ee;
    --font-heading: 'Cairo', 'Segoe UI', sans-serif;
    --font-body: 'Tajawal', 'Segoe UI', sans-serif;
    --radius-card: 1.25rem;
    --shadow-soft: 0 14px 34px -22px rgba(6, 62, 107, 0.55);
    --shadow-strong: 0 26px 54px -26px rgba(6, 62, 107, 0.55);
}