@import "tailwindcss";

@theme {
  --font-sans:
    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    "Noto Color Emoji";

  --color-white: #cdd6f4;
  --color-faint: #585b70;
  --color-muted: #313244;

  --color-background: #181825;
  --color-foreground: #1e1e2e;

  --color-accent: #f2cdcd;

  --color-green: #a6e3a1;
}

@layer base {
  input {
    &::placeholder {
      color: var(--color-faint);
    }

    border-radius: var(--radius-md);
  }

  select {
    border-radius: var(--radius-md);
  }
}