@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --c-black:        #000000;
  --c-white:        #FFFFFF;
  --c-flower:       #EEE967;
  --c-grass:        #253A0D;
  --c-wood:         #925A05;
  --c-sky:          #6DA5FA;
  --c-prune:        #674F7A;
  --c-bubble:       #FFB9FF;
  --c-purple:       #674F7A;
  --c-purple-light: #8B6FA0;
  --c-purple-dark:  #3D2E48;
  --c-dark:         #1A1A1A;
  --c-grey-900:     #2A2A2A;
  --c-grey-600:     #6B6B6B;
  --c-grey-200:     #E8E8E8;
  --c-bg:           #F5F4F2;
  --font-logo:      'Manrope', sans-serif;
  --font-header:    -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', sans-serif;
  --font-body:      -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', sans-serif;
}

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/