:root {
  /* Colors */
  --color-primary: #35693f;
  --color-primary-container: #b8f1b9;
  --color-secondary: #00696f;
  --color-secondary-container: #9ef1f6;
  --color-tertiary: #2b6485;
  --color-tertiary-container: #c7e7ff;
  --color-background: #f6faf7;
  --color-surface: #f6faf7;
  --color-on-surface: #1a1c19;
  --color-on-surface-variant: #43483f;
  --color-error: #ba1a1a;
  --color-error-container: #ffdad6;
  --color-warning: #b05a00;
  --color-warning-container: #ffdbc8;

  /* Surfaces */
  --color-surface-container-lowest: #ffffff;
  --color-surface-container-low: #e8f0ea;
  --color-surface-container: #dce5dd;
  --color-surface-container-high: #d6dfd8;
  --color-surface-container-highest: #d1d9d2;

  /* Category colors */
  --color-category-normal: #35693f;

  /* Typography */
  --font-family: 'Manrope', system-ui, -apple-system, sans-serif;
  --font-display-lg: 3.5rem;
  --font-display-md: 2.5rem;
  --font-display-sm: 2rem;
  --font-headline-lg: 2rem;
  --font-headline-md: 1.5rem;
  --font-headline-sm: 1.25rem;
  --font-title-lg: 1.125rem;
  --font-title-md: 1rem;
  --font-title-sm: 0.875rem;
  --font-body-lg: 1rem;
  --font-body-md: 0.875rem;
  --font-label-md: 0.75rem;
  --font-label-sm: 0.6875rem;
  --letter-spacing-tight: -0.02em;
  --line-height-body: 1.6;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;

  /* Border radius */
  --radius-full: 9999px;
  --radius-xl: 1rem;
  --radius-md: 1.5rem;

  /* Shadows */
  --shadow-ambient: 0 10px 40px rgba(26, 28, 25, 0.06);
}