/* ============================================
   DESIGN SYSTEM - SITE
   CSS Variables para Site Público (Tailwind CSS)
   Inspirado em JamesEdition.com - Luxo e Elegância
   ============================================ */

:root {
  /* Background & Foreground */
  --background: hsl(0 0% 100%);
  --foreground: hsl(0 0% 15%);

  /* Card */
  --card: hsl(0 0% 100%);
  --card-foreground: hsl(0 0% 15%);

  /* Primary (JamesEdition Dark Blue/Black) */
  --primary: hsl(210 20% 12%);
  --primary-foreground: hsl(0 0% 100%);

  /* Secondary (Subtle Grey) */
  --secondary: hsl(0 0% 96%);
  --secondary-foreground: hsl(0 0% 15%);

  /* Muted */
  --muted: hsl(0 0% 98%);
  --muted-foreground: hsl(0 0% 45%);

  /* Accent (Elegant Gold/Sand) */
  --accent: hsl(35 25% 45%);
  --accent-foreground: hsl(0 0% 100%);

  /* Destructive */
  --destructive: hsl(0 70% 50%);
  --destructive-foreground: hsl(0 0% 100%);

  /* Border & Input */
  --border: hsl(0 0% 90%);
  --input: hsl(0 0% 90%);
  --ring: hsl(210 20% 12%);

  /* Gold (JamesEdition Gold) */
  --gold: hsl(35 35% 55%);
  --gold-foreground: hsl(0 0% 100%);

  /* Radius (Luxury sites often use sharp or very subtle corners) */
  --radius: 0rem;
}

/* Typography Overrides */
h1, h2, h3, h4, h5, h6 {
  letter-spacing: -0.02em;
}

.font-serif {
  font-family: 'Playfair Display', 'Cormorant Garamond', serif;
}

.font-sans {
  font-family: 'Inter', 'Public Sans', sans-serif;
}