@import "tailwindcss";
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');

:root {
  --bg-canvas: #FAF8F5;
  --bg-surface: #FFFFFF;
  --bg-subtle: #F3EFE6;
  --border-gold: #D8C39A;
  --border-subtle: #E8E2D5;
  --text-main: #1C1917;
  --text-muted: #57534E;
  --text-gold: #926C15;
  --accent-gold: #C5A059;
}

body {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  background-color: var(--bg-canvas);
  color: var(--text-main);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, .font-serif-sacred {
  font-family: 'Cinzel', 'Cormorant Garamond', Georgia, serif;
  letter-spacing: -0.01em;
}

.font-editorial {
  font-family: 'Cormorant Garamond', Georgia, serif;
}

/* Custom Utilities for High-Legibility Light Aesthetic */
.bg-warm-canvas {
  background-color: #FAF8F5;
}

.bg-warm-card {
  background-color: #FFFFFF;
  border: 1px solid #E8E2D5;
}

.border-gold-subtle {
  border-color: #D8C39A;
}

.text-gold-accent {
  color: #926C15;
}

/* Elegant Sacred Geometric Line Accents (Non-distracting) */
.sacred-line-pattern {
  background-image: radial-gradient(#D8C39A 0.75px, transparent 0.75px);
  background-size: 24px 24px;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #FAF8F5;
}
::-webkit-scrollbar-thumb {
  background: #D8C39A;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #926C15;
}