/* main.css */

/* Colors */
.text-white { color: #ffffff; }
.text-black { color: #000000; }
.text-green { color: #22c55e; }
.bg-black { background-color: #000000; }
.bg-gray-900 { background-color: #111827; }
.bg-green { background-color: #22c55e; }
.bg-green:hover { background-color: #16a34a; }

/* Typography */
body { font-family: 'Inter', sans-serif; }
h1, h2, h3 { font-weight: 700; }
h1 { font-size: 4rem; }
h2 { font-size: 3rem; }
h3 { font-size: 1.25rem; }

/* Layout */
.text-center { text-align: center; }
.mx-auto { margin-left: auto; margin-right: auto; }
.flex { display: flex; }
.grid { display: grid; }
.gap-4 { gap: 1rem; }

/* Buttons */
.btn {
  padding: 0.75rem 1.5rem;
  font-weight: bold;
  border-radius: 0.375rem;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}
.btn-primary { background-color: #22c55e; color: #000; }
.btn-primary:hover { background-color: #16a34a; }

/* Forms */
input, select, textarea {
  padding: 0.75rem;
  border-radius: 0.375rem;
  width: 100%;
}