/* Explain: Theme design tokens (colors, fonts) — single source of truth. */
:root {
    --primary-color: #0e4d43;
    --primary-hover: #0a3931;
    --primary-soft: #e4f0ed;
    --secondary-color: #1c6b5c;
    --accent-color: #c8913e;
    --accent-soft: #f7efdf;
    --background-color: #faf8f4;
    --surface-color: #ffffff;
    --text-color: #17211e;
    --text-muted: #6b766f;
    --border-color: #e7e1d6;
    --radius-lg: 1.25rem;
    --shadow-soft: 0 12px 28px -16px rgba(14, 77, 67, .45);
    --font-heading: 'Tajawal', 'Cairo', sans-serif;
    --font-body: 'Cairo', sans-serif;
}