@import url('https://fonts.googleapis.com/css2?family=Funnel+Display:wght@300..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import "tailwindcss";

@theme {
  --color-beryl-green-50:  #fdfcfb;
  --color-beryl-green-100: #fbf9f6;
  --color-beryl-green-200: #f8f4ee;
  --color-beryl-green-300: #f4eee6;
  --color-beryl-green-400: #f0e6dc;
  --color-beryl-green-500: #e8dcd1;
  --color-beryl-green-600: #d6c6b8;
  --color-beryl-green-700: #bfaea0;
  --color-beryl-green-800: #a79589;
  --color-beryl-green-900: #8f7e74;
  --color-beryl-green-950: #4b403a;
  
  --color-rose-fog-50:  #fbf6f5;
  --color-rose-fog-100: #f8ece8;
  --color-rose-fog-200: #f3dcd5;
  --color-rose-fog-300: #e9c3b8;
  --color-rose-fog-400: #e0afa0;
  --color-rose-fog-500: #c9806a;
  --color-rose-fog-600: #b4664e;
  --color-rose-fog-700: #97533e;
  --color-rose-fog-800: #7d4737;
  --color-rose-fog-900: #694033;
  --color-rose-fog-950: #381f17;

    --color-vert-50:  #f6f8f5;
  --color-vert-100: #e0e9de;
  --color-vert-200: #c0d3bc;
  --color-vert-300: #98b593;
  --color-vert-400: #71946d;
  --color-vert-500: #567953;
  --color-vert-600: #426140;
  --color-vert-700: #374f36;
  --color-vert-800: #30412e;
  --color-vert-900: #2a372a;
  --color-vert-950: #0e150e;


  --font-title: "Playfair Display", serif;
  --font-body: "Funnel Display", sans-serif;
}