/* Explain: Theme design tokens (colors, fonts) — single source of truth. */
:root {
    --primary-color: #0e7c8e;
    --primary-hover: #0a6675;
    --primary-soft: #e6f4f7;
    --secondary-color: #1594a8;
    --secondary-soft: #e9f7f9;
    --accent-color: #f2b705;
    --accent-soft: #fff6d9;
    --accent-text: #4a3600;
    --background-color: #ffffff;
    --surface-color: #f4f9fa;
    --surface-dark: #0b2a31;
    --text-color: #102a33;
    --text-muted: #567079;
    --border-color: #d8e6ea;
    --on-primary: #ffffff;
    --on-dark: #ffffff;
    --on-dark-muted: #bcd3d8;
    --success-color: #1f8a5b;
    --success-soft: #e8f8f0;
    --error-color: #b42318;
    --error-soft: #fff0ee;
    --whatsapp-color: #25d366;
    --shadow-color: rgba(11, 42, 49, 0.12);
    --primary-glow: rgba(14, 124, 142, 0.18);
    --accent-glow: rgba(242, 183, 5, 0.16);
    --font-heading: 'Cairo', sans-serif;
    --font-body: 'Tajawal', sans-serif;
}