/* Explain: Theme tokens for brand colors and fonts. */
:root {
    --primary-color: #0A5C27;
    --primary-hover: #07421C;
    --secondary-color: #1B8543;
    --accent-color: #44d62c;
    --forest-color: #0A5C27;
    --clay-color: #2563EB;
    --cream-color: #FFFFFF;
    --sage-color: #F8F9FA;
    --charcoal-color: #1A1A1A;
    --warm-ivory: #FFFFFF;
    --champagne-color: #F8F9FA;
    --blush-color: #E2E8F0;
    --background-color: #F8F9FA;
    --surface-color: #ffffff;
    --text-color: #333333;
    --text-muted: color-mix(in srgb, #333333 75%, transparent);
    --border-color: color-mix(in srgb, #0A5C27 15%, transparent);
    --shadow-soft: 0 12px 40px color-mix(in srgb, #000000 8%, transparent);
    --shadow-card: 0 8px 24px color-mix(in srgb, #000000 6%, transparent);
    --font-heading: 'Inter', sans-serif;
    --font-body: 'Cairo', sans-serif;
}