/* TailwindCSS Lite Build (Direct Use) */
/* Version: 3.4 Lite | No build tools needed */

@tailwind base;
@tailwind components;
@tailwind utilities;

*, ::before, ::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
}
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
body { margin: 0; line-height: inherit; }

.text-primary { color: #2563eb; }
.bg-primary { background-color: #2563eb; }
.hover\:bg-primary:hover { background-color: #1d4ed8; }
.text-secondary { color: #6b7280; }
.bg-secondary { background-color: #f3f4f6; }

.btn {
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  font-weight: 500;
  color: white;
  background-color: #2563eb;
  transition: background-color 0.2s;
}
.btn:hover { background-color: #1d4ed8; }

.card {
  background: white;
  border-radius: 1rem;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  padding: 1rem;
  transition: transform 0.2s;
}
.card:hover { transform: translateY(-3px); }

.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #2563eb;
  color: white;
  padding: 0.75rem 1rem;
}
.navbar a {
  color: white;
  text-decoration: none;
  font-weight: 500;
  margin-left: 1rem;
}
.navbar a:hover { text-decoration: underline; }

.footer {
  background: #f3f4f6;
  text-align: center;
  padding: 1rem;
  font-size: 0.9rem;
  color: #6b7280;
}