@import 'tailwindcss';

@theme {
  --color-primary: #f28b4a;
  --color-primary-foreground: #ffffff;
  --color-secondary: #396817;
  --color-secondary-foreground: #ffffff;
  --color-accent: #fdcf54;
  --color-accent-foreground: #272727;
  --color-background: #f1fbeb;
  --color-foreground: #272727;
  --color-muted: #f0ebe3;
  --color-muted-foreground: #7a6a5a;
  --color-border: #e8d5c0;
  --color-light-green: #d6f2c0;
  --font-sans: var(--font-montserrat), 'Montserrat', ui-sans-serif, system-ui, sans-serif;
  --font-mono: ui-monospace, monospace;
  --radius: 0.5rem;

  /* Figma breakpoints: 390 (base) / 768 (md) / 1440 (lg) */
  --breakpoint-lg: 1440px;
  --breakpoint-xl: 1920px;

  /* Brand shadow used on cards, buttons */
  --shadow-brand: 0px 4px 60px rgba(242, 139, 74, 0.25);
}