/* styles/tokens.css */
:root {
  /* Colors */
  --color-primary: #608c54; /* Sage Green */
  --color-primary-light: #82b874;
  --color-primary-dark: #4a723e;
  
  --color-secondary: #5f8cbd; /* Steel Blue */
  --color-secondary-light: #81acd9;
  --color-secondary-dark: #446a94;
  
  --color-accent: #eef4fa; /* Warm soft watercolor blue/green background tint */
  --color-accent-soft: #f4f8f4; /* Very light warm sage tint */
  
  --color-text-main: #1f2d3d; /* Dark slate blue/charcoal */
  --color-text-muted: #a3bbd7;
  --color-text-light: #f8fafc;
  
  --color-bg-main: #ffffff;
  --color-bg-offset: #f5f8fa; /* Soft offset background */
  
  --color-border: #e2eaf1;
  
  /* Gradients */
  --gradient-primary: linear-gradient(135deg, var(--color-primary-light), var(--color-primary));
  --gradient-secondary: linear-gradient(135deg, var(--color-secondary-light), var(--color-secondary));
  --gradient-soft: linear-gradient(135deg, var(--color-accent-soft), var(--color-accent));
  
  /* Typography */
  --font-family-sans: 'Nunito', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 2rem;
  --font-size-4xl: 2.5rem;
  --font-size-5xl: 3.5rem;
  
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  
  /* Spacing */
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-8: 2rem;
  --spacing-10: 2.5rem;
  --spacing-12: 3rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
  
  /* Shadows & Radius */
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-glow: 0 10px 30px -5px rgba(96, 140, 84, 0.25);
  
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-2xl: 1.5rem;
  
  /* Transitions */
  --transition-fast: 150ms ease-in-out;
  --transition-normal: 300ms ease-in-out;
}