/* Explain: Theme design tokens (colors, fonts) — single source of truth */
:root {
    --primary-color: #0b5ed7;
    --primary-dark: #073f96;
    --primary-light: #e8f1ff;
    --secondary-color: #0d9488;
    --accent-color: #f97316;
    --accent-dark: #ea580c;
    --background-color: #ffffff;
    --surface-color: #f2f7ff;
    --dark-color: #0a1a33;
    --text-color: #10203a;
    --text-muted: #5a6b85;
    --border-color: #d9e6f7;
    --note-bg: #fff8ed;
    --note-border: #fde3c0;
    --note-text: #8a4b0a;
    --warning-bg: #fff6f6;
    --warning-border: #f6d5d5;
    --warning-text: #a51c1c;
    --warning-body: #6b4b4b;
    --font-heading: 'Cairo', 'Tajawal', sans-serif;
    --font-body: 'Tajawal', 'Cairo', sans-serif;
    --radius-sm: 10px;
    --radius-md: 18px;
    --radius-lg: 26px;
    --shadow-sm: 0 1px 3px rgba(10, 26, 51, .08);
    --shadow-md: 0 10px 30px rgba(10, 26, 51, .10);
    --shadow-lg: 0 24px 55px rgba(10, 26, 51, .16);
}