:root {
  --color-primary: #173f36;
  --color-primary-soft: #dfece7;
  --color-background: #f4f2ed;
  --color-surface: #ffffff;
  --color-text: #17211e;
  --color-text-muted: #68736f;
  --color-success: #277a55;
  --color-warning: #a55b13;
  --color-danger: #a43737;
  --color-border: #d9dedb;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --spacing-xs: 6px;
  --spacing-sm: 10px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --font-size-sm: .85rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.3rem;
  --shadow: 0 10px 30px rgba(23, 33, 30, .08);
  --tap-size: 48px;
}