@import "tailwindcss";
@plugin "@tailwindcss/forms";

@theme {
  --color-sh: #388E3C;
  --color-sh-light: #4CAF50;
  --color-sh-dark: #2E7D32;
  --color-inv: #1976D2;
  --color-inv-light: #42A5F5;
  --color-inv-dark: #1565C0;
  --color-cta: #FF6F00;
  --color-cta-light: #FF8F00;
  --color-cta-dark: #E65100;
  --color-neutral-bg: #F5F5F5;
  --color-neutral-dark: #212121;
  --color-neutral-text: #424242;
}

@layer utilities {
  .no-spinner::-webkit-outer-spin-button,
  .no-spinner::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .no-spinner {
    -moz-appearance: textfield;
  }
}