:root {
    --color-brand: #4f7a28;
    --color-brand-dark: #183119;
    --color-text: #3a3531;
    --color-muted: #7d7e7f;
    --color-surface: #ffffff;
    --color-surface-soft: #f9f9f9;
    --color-control: #f5f5f5;
    --color-danger: #d5401f;
    --font-body: "Mulish", "Segoe UI", Arial, sans-serif;
    --font-heading: "El Messiri", "Segoe UI", Arial, sans-serif;
    --font-accent: var(--font-body);
    --container-width: 1140px;
    --radius-card: 24px;
    --radius-pill: 999px;
    --transition-base: 0.3s ease;
}