/* Theme: Modern — clean, minimal, tech-forward. Sans-serif throughout,
   brown/tan brand palette, left-aligned header. */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
    --color-primary: #6b4226;
    --color-primary-dark: #4a2c17;
    --color-accent: #c98a3e;
    --color-bg: #f5f2ec;
    --color-text: #2b2b2b;
    --color-text-muted: #7d766a;
    --color-border: #e7e1d6;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-heading: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --header-align: space-between;
}

.hero { background: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark)); }
.card-box, .animal-card, .faq-item { border-radius: var(--radius-lg); }