@import "tailwindcss";

@theme {
  --color-navy-50: #f0f3f7;
  --color-navy-100: #d9e0ea;
  --color-navy-200: #b3c1d5;
  --color-navy-300: #8da2c0;
  --color-navy-400: #3d6690;
  --color-navy-500: #1E3A5F;
  --color-navy-600: #182f4d;
  --color-navy-700: #12233a;
  --color-navy-800: #0c1828;
  --color-navy-900: #060c15;

  --color-ocean-50: #f0f6fc;
  --color-ocean-100: #d4e6f5;
  --color-ocean-200: #a8cdeb;
  --color-ocean-300: #7db4e0;
  --color-ocean-400: #519bd6;
  --color-ocean-500: #2F78B7;
  --color-ocean-600: #266093;
  --color-ocean-700: #1c486f;
  --color-ocean-800: #13304a;
  --color-ocean-900: #091826;

  --color-aqua-50: #f0f9fd;
  --color-aqua-100: #d4eff8;
  --color-aqua-200: #a9dff1;
  --color-aqua-300: #6EC1E4;
  --color-aqua-400: #4aadda;
  --color-aqua-500: #2f99cc;
  --color-aqua-600: #257aa3;
  --color-aqua-700: #1c5c7a;
  --color-aqua-800: #123d52;
  --color-aqua-900: #091f29;

  --color-sunset-50: #fef5ee;
  --color-sunset-100: #fce5ce;
  --color-sunset-200: #f5c99d;
  --color-sunset-300: #ee9f50;
  --color-sunset-400: #E07A1F;
  --color-sunset-500: #b86319;
  --color-sunset-600: #904d14;
  --color-sunset-700: #68380e;
  --color-sunset-800: #402209;
  --color-sunset-900: #180d03;

  --color-gold-50: #fefbf0;
  --color-gold-100: #fdf3d4;
  --color-gold-200: #fae5a8;
  --color-gold-300: #F6C85F;
  --color-gold-400: #e0b03a;
  --color-gold-500: #c49620;
  --color-gold-600: #9d7819;
  --color-gold-700: #765a13;
  --color-gold-800: #4f3c0c;
  --color-gold-900: #271e06;

  --color-ice: #F4F6F8;
}