@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Montserrat:wght@400;500;600&display=swap");

:root {
  --tone-bg: #11110f;
  --tone-bg-soft: #171613;
  --tone-surface: #1f1d19;
  --tone-surface-2: #26231e;
  --tone-border: #4f422f;
  --tone-primary: #c8a56a;
  --tone-primary-strong: #a88449;
  --tone-primary-soft: #2f2a22;
  --tone-text: #f3ede3;
  --tone-muted: #c8b89f;
}

body {
  background:
    radial-gradient(1200px 500px at 80% -10%, #2a241b 0%, transparent 60%),
    radial-gradient(900px 400px at 10% 10%, #201b14 0%, transparent 55%),
    linear-gradient(180deg, var(--tone-bg-soft) 0%, var(--tone-bg) 100%);
  color: var(--tone-text);
  font-family: "Montserrat", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

h1,
h2 {
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  letter-spacing: 0.01em;
}

.bg-white {
  background-color: rgba(31, 29, 25, 0.96) !important;
}
.bg-orange-50 {
  background-color: var(--tone-surface) !important;
}
.bg-orange-100 {
  background-color: var(--tone-primary-soft) !important;
}
.bg-orange-200 {
  background-color: #4a3f2f !important;
}
.bg-orange-500 {
  background-color: var(--tone-primary) !important;
}
.bg-orange-600 {
  background-color: var(--tone-primary-strong) !important;
}

.text-orange-500,
.text-orange-600,
.text-orange-700 {
  color: var(--tone-primary) !important;
}

.border-orange-100,
.border-orange-200,
.border-orange-300,
.border-orange-400 {
  border-color: var(--tone-border) !important;
}

.from-orange-100 {
  --tw-gradient-from: #332a1f var(--tw-gradient-from-position) !important;
}
.via-amber-50 {
  --tw-gradient-via: #241f18 var(--tw-gradient-via-position) !important;
}
.to-orange-100 {
  --tw-gradient-to: #332a1f var(--tw-gradient-to-position) !important;
}

.text-amber-500 {
  color: #d4b57e !important;
}

.hover\:bg-orange-600:hover {
  background-color: var(--tone-primary-strong) !important;
}

header,
footer {
  border-color: var(--tone-border) !important;
  background-color: rgba(21, 19, 16, 0.92) !important;
}

.rounded-2xl,
.rounded-xl,
.rounded-lg {
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22);
}

.text-gray-900 {
  color: var(--tone-text) !important;
}
.text-gray-800,
.text-gray-700,
.text-gray-600,
.text-gray-500,
.text-gray-300 {
  color: var(--tone-muted) !important;
}

video {
  filter: contrast(1.02) saturate(0.92);
}