/* Force dark theme always, regardless of the visitor's OS/browser light-dark
   preference. Values match the site's dark palette (previously only applied
   via `@media (prefers-color-scheme: dark)`, which made light-mode visitors
   see white sections). */
:root {
  color-scheme: dark;
  --background: #0c0a09;
  --foreground: #fafaf9;
  --accent: #d97706;
  --accent-foreground: #fffbeb;
  --muted: #1c1917;
  --muted-foreground: #a8a29e;
  --border: #292524;
  --font-geist-sans: "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;
  --font-serif: "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;
}

[data-reveal] {
  transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}
[data-reveal].is-visible {
  opacity: 1 !important;
  transform: none !important;
}

header[data-header] {
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
header[data-header] > div {
  transition: background-color 0.4s ease, backdrop-filter 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}
header[data-header].is-scrolled > div {
  background-color: rgba(12, 9, 5, 0.7);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}

.mobile-nav {
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* The compiled Tailwind CSS was pre-purged from the original site and never
   included any "amber-*" utility (it only ever used emerald/zinc/stone).
   These classes exist in the markup but do nothing without the rules below. */
.from-amber-700.to-amber-900 {
  background-image: linear-gradient(to bottom right, #b45309, #78350f);
}
.text-amber-950 {
  color: #451a03;
}
::selection {
  background-color: #fde68a;
  color: #451a03;
}

body.is-loading {
  overflow: hidden;
}

.preloader {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #0c0a09;
  transition: opacity 0.7s ease, visibility 0.7s ease;
}
.preloader img {
  width: 64px;
  height: 64px;
  object-fit: contain;
  animation: preloader-pulse 1.7s ease-in-out infinite;
}
.preloader-bar-track {
  margin-top: 28px;
  width: 160px;
  height: 2px;
  border-radius: 999px;
  background-color: rgba(255, 255, 255, 0.1);
  overflow: hidden;
}
.preloader-bar {
  height: 100%;
  width: 0%;
  background-color: #d97706;
  transition: width 1.4s cubic-bezier(0.65, 0, 0.35, 1);
}
.preloader.is-loaded {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
@keyframes preloader-pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.08); opacity: 0.7; }
}