:root {
  --color-brand: #1f5c3a;
  --color-on-brand: #ffffff;
  --color-on-primary: #ffffff;
  --color-bg: #eef6ef;
  --color-surface: #ffffff;
  --color-text: #1a3324;
  --color-text-muted: #4a6b55;
  --color-border: #c5dcc9;
  --color-primary: #2d6a4f;
  --color-primary-soft: #d8f3dc;
  --color-accent: #40916c;
  --color-accent-soft: #e8f5e9;
  --color-link: #1f5c3a;
  --color-hero-fallback: #1b4332;
  --color-surface-muted: #e8f0ea;
  --color-create-bg: #ffffff;
  --brand-logo-filter: none;
  --color-fill: var(--color-primary);
  --color-on-fill: var(--color-on-primary, #fff);
  --calendar-event-chip-bg: var(--color-fill);
  --calendar-event-chip-text: var(--color-on-fill);
  --calendar-event-chip-border: color-mix(in srgb, var(--color-fill) 82%, #000);
}