/* Explain: Brand tokens for colors, fonts, shadows, and radii. */
:root {
    --primary-color: #15803D;
    --primary-hover: #166534;
    --secondary-color: #0F2E1D;
    --accent-color: #F97316;
    --accent-hover: #EA580C;
    --background-color: #FFFFFF;
    --surface-color: #F2F8F3;
    --surface-strong: #DCFCE7;
    --text-color: #14261C;
    --text-muted: #5B6B61;
    --border-color: #CDE8D3;
    --white-color: #FFFFFF;
    --whatsapp-color: #25D366;
    --success-color: #15803D;
    --error-color: #B91C1C;
    --shadow-soft: 0 18px 55px rgba(15, 46, 29, 0.12);
    --shadow-card: 0 14px 35px rgba(15, 46, 29, 0.08);
    --radius-lg: 1.5rem;
    --radius-md: 1rem;
    --font-heading: 'Cairo', sans-serif;
    --font-body: 'Almarai', sans-serif;
}