:root {
  color-scheme: light;
  --color-background: #f6f8f7;
  --color-surface: #ffffff;
  --color-text: #1f3a37;
  --color-text-secondary: #52625e;
  --color-border: #d9e4e0;
  --color-action-border: #52625e;
  --color-primary: #186956;
  --color-primary-hover: #125543;
  --color-accent: #40b5a6;
  --color-brand-light: #a1d8a3;
  --color-field-background: #ffffff;
  --color-field-border: #718c81;
  --color-selection: #eaf5f1;
  --color-success: #186956;
  --color-success-background: #eaf5f1;
  --color-warning: #9a5800;
  --color-warning-background: #fff4de;
  --color-danger: #b42318;
  --color-danger-background: #fdedec;
  --color-info: #1d5e9a;
  --color-info-background: #eaf3fa;
  --radius-default: 12px;
  --shadow-default: 0 8px 24px rgb(31 58 55 / 8%);
  --app-max-width: min(88rem, calc(100vw - 1.5rem));
}