@import "tailwindcss";

@theme {
  --color-coral-50:  #FFF1EF;
  --color-coral-100: #FFE0DC;
  --color-coral-200: #FFC4BD;
  --color-coral-300: #FF9D92;
  --color-coral-400: #F87468;
  --color-coral-500: #F25C54;
  --color-coral-600: #D94840;
  --color-coral-700: #B53A33;
  --color-coral-800: #8C2C26;
  --color-coral-900: #5F1C18;

  --color-ink-50:  #F5F5F5;
  --color-ink-100: #E7E7E7;
  --color-ink-200: #C7C7C7;
  --color-ink-300: #9C9C9C;
  --color-ink-400: #6E6E6E;
  --color-ink-500: #494949;
  --color-ink-600: #2E2E2E;
  --color-ink-700: #1F1F1F;
  --color-ink-800: #141414;
  --color-ink-900: #0A0A0A;

  --color-cream-50:  #FDFBF8;
  --color-cream-100: #FAF7F2;
  --color-cream-200: #F2EDE4;
  --color-cream-300: #E8E0D2;
  --color-cream-400: #D9CDB8;
}