/* Basic styles without Tailwind for now */
:root {
  --app-primary-color: #1E88E5;
  --app-secondary-color: #343434;
  --app-tertiary-color: #232323;
  --app-background-label-color: #444;
  --app-header-color: var(--app-primary-color);
  
  font-family: 'Xolonium', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
    sans-serif;
  background-color: var(--app-tertiary-color);
}

body {
  min-height: 100vh;
  margin: 0;
  background-color: var(--app-tertiary-color);
  color: #ffffff;
}

/* Basic utility classes */
.min-h-screen { min-height: 100vh; }
.flex { display: flex; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.p-6 { padding: 1.5rem; }
.text-center { text-align: center; }
.w-full { width: 100%; }
.max-w-3xl { max-width: 48rem; }
.space-y-6 > * + * { margin-top: 1.5rem; }
.rounded-3xl { border-radius: 1.5rem; }
.border { border-width: 1px; }
.bg-slate-900\/60 { background-color: rgba(15, 23, 42, 0.6); }
.p-8 { padding: 2rem; }
.shadow-\[0_25px_80px_-40px_rgba\(2\,6\,23\,0\.8\)\] { box-shadow: 0 25px 80px -40px rgba(2, 6, 23, 0.8); }
.text-sm { font-size: 0.875rem; }
.uppercase { text-transform: uppercase; }
.tracking-\[0\.4em\] { letter-spacing: 0.4em; }
.text-slate-400 { color: #94a3b8; }
.text-4xl { font-size: 2.25rem; }
.font-semibold { font-weight: 600; }
.text-white { color: #ffffff; }
.tracking-tight { letter-spacing: -0.025em; }
.text-lg { font-size: 1.125rem; }
.text-slate-300 { color: #cbd5e1; }

@font-face {
  font-family: 'Xolonium';
  src: url('../assets/fonts/Xolonium-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Xolonium';
  src: url('../assets/fonts/Xolonium-Bold.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}

:root {
  --app-primary-color: #1E88E5;
  --app-secondary-color: #343434;
  --app-tertiary-color: #232323;
  --app-background-label-color: #444;
  --app-header-color: var(--app-primary-color);
  
  font-family: 'Xolonium', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
    sans-serif;
  background-color: var(--app-tertiary-color);
}

body {
  min-height: 100vh;
  margin: 0;
  background-color: var(--app-tertiary-color);
  color: #ffffff;
}