@import "tailwindcss";

@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&display=swap');

@theme {
  --font-merriweather: 'Merriweather', serif;

  --color-olive-25: #F4F7EE;
  --color-olive-50: #E5EBD6;
  --color-olive-100: #D3DDBB;
  --color-olive-200: #C1D09F;
  --color-olive-300: #B0C284;
  --color-olive-400: #9CB365;
  --color-olive-500: #829A4C;
  --color-olive-600: #5D7634; /* Main */
  --color-olive-700: #51672D;
  --color-olive-800: #3D4E22;
  --color-olive-900: #3D4E22;

  --color-sky-blue-25:#F4F7EE;
  --color-sky-blue-50:#D7E3EA;
  --color-sky-blue-100:#BCD1DC;
  --color-sky-blue-200:#A1BFCF;
  --color-sky-blue-300:#86ACC1;
  --color-sky-blue-400:#6797B1;
  --color-sky-blue-500:#4A7891;
  --color-sky-blue-600:#426B81; /* Main */
  --color-sky-blue-700:#315064;
  --color-sky-blue-800:#223C4E;
  --color-sky-blue-900:#172935;

  --color-brown-25:#F4F1F0;
  --color-brown-50:#E5DCDC;
  --color-brown-100:#D4C5C4;
  --color-brown-200:#C3AEAC;
  --color-brown-300:#B29795;
  --color-brown-400:#9E7E7A;
  --color-brown-500:#7E5F5C; /* Main */
  --color-brown-600:#674F4B;
  --color-brown-700:#56403E;
  --color-brown-800:#403330;
  --color-brown-900:#38302E;
}