@import "tailwindcss";

:root {
  --background: #ffffff;
  --foreground: #020202;
  --dark-grey: #505050;
  --black: black;
  --khaki: #d8f9a0;
  --white: white;
  --grey: #8d8d8d;
  --light-grey: #f4f4f4;
  --lavender: #dee1fd;
  --primary-color: #1c3624;
  --secondary-color: #1a883f;
  --secondary-color-2: #1a883f;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: var(--brand-font), Arial, Helvetica, sans-serif;
}