/* Standard CSS - No build step required */
:root {
  --primary: #F27D26;
  --earth-brown: #152111;
  --earth-tan: #D9C5B2;
  --background-light: #F8F9FA;
  --background-dark: #0D130B;
}

body {
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
  background-color: var(--background-light);
  color: #0f172a; /* slate-900 */
  margin: 0;
}

.nav-link {
  color: #475569; /* slate-600 */
  font-weight: 700;
  transition: color 0.2s;
  text-decoration: none;
}

.nav-link:hover {
  color: var(--primary);
}

.nav-link-active {
  color: var(--primary);
}

/* Custom utility for backdrop blur since some servers might strip tailwind classes if not configured */
.backdrop-blur-md {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}