@import "tailwindcss";

@theme {
  --color-ink: #0B1F3A;
  --color-ink-light: #1A3A5C;
  --color-mint: #16D2A6;
  --color-mint-dark: #12B590;
  --color-mint-light: #E6FAF5;
  --color-soft: #F5F7FB;
  --color-line: #D9E0EA;
  --color-orange: #FF7A1A;
}

@layer base {
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="tel"],
  input[type="url"],
  input[type="search"],
  textarea,
  select {
    padding: 0.5rem 0.75rem;
    border: 1px solid #d1d5db;
  }
}