/* == Tailwind CSS Lite Build with Custom Colors == */

:root {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
}

/* Custom Colors */
.bg-primary    { background-color: rgb(0 102 204 / var(--tw-bg-opacity)); }
.text-primary  { color: rgb(0 102 204 / var(--tw-text-opacity)); }

.bg-secondary  { background-color: rgb(255 102 0 / var(--tw-bg-opacity)); }
.text-secondary{ color: rgb(255 102 0 / var(--tw-text-opacity)); }

.bg-accent     { background-color: rgb(0 204 153 / var(--tw-bg-opacity)); }
.text-accent   { color: rgb(0 204 153 / var(--tw-text-opacity)); }

/* Basic Utilities */
.p-4           { padding: 1rem; }
.m-4           { margin: 1rem; }
.rounded       { border-radius: .25rem; }
.shadow        { box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.shadow-sm     { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.text-center   { text-align: center; }

.font-bold     { font-weight: 700; }
.text-xl       { font-size: 1.25rem; line-height: 1.75rem; }

.grid          { display: grid; }
.grid-cols-3   { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.gap-4         { gap: 1rem; }

@media (min-width: 768px) {
  .md\\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .md\\:p-6         { padding: 1.5rem; }
}