@import "tailwindcss";

@theme {
  /* Brand green */
  --color-brand-50: #F6FBF8;
  --color-brand-100: #EAF3EE;
  --color-brand-200: #D6E8DD;
  --color-brand-300: #B8D4C3;
  --color-brand-400: #8FB69D;
  --color-brand-500: #4D8A6A;
  --color-brand-600: #3A6B52;
  --color-brand-700: #2D5A44;
  --color-brand-800: #1B4332;
  --color-brand-900: #123524;
  --color-brand-950: #0B2418;

  /* App neutrals */
  --color-app-bg: #F6F8F5;
  --color-app-surface: #FFFFFF;
  --color-app-surface-alt: #F1F4F0;

  --color-app-border: #DDE5DD;
  --color-app-border-strong: #C7D2C8;

  --color-app-text: #1D2A22;
  --color-app-text-secondary: #526157;
  --color-app-text-muted: #748278;

  /* Accents */
  --color-accent-teal: #3E7C73;
  --color-accent-olive: #7A8F4D;
  --color-accent-sand: #D9C9A3;
  --color-accent-gold: #C48A2C;

  /* Semantic */
  --color-success: #2F7D57;
  --color-warning: #C48A2C;
  --color-danger: #B44C4C;
  --color-info: #3D6D80;
}