/* Design Tokens - Fresh Green & Neutral White Palette */
:root {
  /* Colours */
  --clr-primary: #2F8F2F; /* fresh green */
  --clr-primary-subtle: #E6F4EA;
  --clr-accent: #38B2AC; /* teal accent */
  --clr-accent-subtle: #E0F2F1;
  --clr-bg: #F5F5F5; /* neutral white/gray */
  --clr-bg-light: #FFFFFF;
  --clr-text-main: #1F2937; /* dark gray */
  --clr-text-muted: #6B7280; /* medium gray */
  --clr-success: #10B981; /* green for check icons */
  --clr-border: #E5E7EB;
  --clr-border-light: #D1D5DB;
  --clr-border-accent: #38B2AC;
  /* Typography */
  --font-primary: 'Inter', sans-serif;
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
}

/* Global resets */
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  font-family: var(--font-primary);
  background-color: var(--clr-bg);
  color: var(--clr-text-main);
}