/* 
   Tailwind CSS Standalone - Production Build for "Velvet Neon"
   This file includes the base Tailwind resets and the specific utility classes 
   used in the Vavada Neon Lounge project.
*/

/* Base Resets */
*, ::before, ::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: currentColor; }
html { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; 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; }

/* Tailwind Utilities Used in Project */
.container { width: 100%; margin-right: auto; margin-left: auto; max-width: 1080px; }
.flex { display: flex; }
.grid { display: grid; }
.hidden { display: none; }
.block { display: block; }
.inline-block { display: inline-block; }
.items-center { align-items: center; }
.justify-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }
.z-50 { z-index: 50; }
.w-full { width: 100%; }
.h-full { height: 100%; }

/* Spacing & Layout */
.p-4 { padding: 1rem; }
.p-6 { padding: 1.5rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.m-0 { margin: 0; }
.mb-4 { margin-bottom: 1rem; }
.mt-8 { margin-top: 2rem; }
.gap-4 { gap: 1rem; }
.gap-6 { gap: 1.5rem; }

/* Typography */
.text-sm { font-size: 0.875rem; }
.text-lg { font-size: 1.125rem; }
.text-xl { font-size: 1.25rem; }
.font-bold { font-weight: 700; }
.uppercase { text-transform: uppercase; }
.tracking-wider { letter-spacing: 0.05em; }

/* Colors & Effects (Using Project Variables) */
.bg-surface { background-color: var(--bg); }
.bg-surface-2 { background-color: var(--bg-2); }
.text-primary { color: var(--pink); }
.text-accent { color: var(--gold); }
.border-line { border-color: var(--line); }
.rounded-lg { border-radius: 0.5rem; }
.rounded-xl { border-radius: 0.75rem; }
.shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); }

/* Forms Plugin Equivalent */
[type='text'], [type='email'], [type='tel'], select, textarea {
  appearance: none;
  background-color: var(--bg-3);
  border-color: var(--line);
  border-width: 1px;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--text);
}
[type='text']:focus, [type='email']:focus, [type='tel']:focus {
  outline: 2px solid transparent;
  border-color: var(--pink);
  box-shadow: 0 0 0 2px rgba(255, 77, 157, 0.2);
}

/* Container Queries Placeholder */
@container (min-width: 400px) {
  .cq-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}