@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,700;0,800;1,700&display=swap');

:root {
  --background: 40 30% 97%;
  --foreground: 30 15% 10%;
  --card: 0 0% 100%;
  --card-foreground: 30 15% 10%;
  --popover: 0 0% 100%;
  --popover-foreground: 30 15% 10%;
  --primary: 222 47% 18%;
  --primary-foreground: 40 30% 97%;
  --secondary: 30 12% 92%;
  --secondary-foreground: 30 15% 18%;
  --muted: 30 10% 94%;
  --muted-foreground: 30 10% 42%;
  --accent: 38 82% 48%;
  --accent-foreground: 30 15% 6%;
  --destructive: 0 84% 55%;
  --destructive-foreground: 0 0% 100%;
  --border: 30 12% 84%;
  --input: 30 12% 88%;
  --ring: 222 47% 30%;
  --radius: 0.75rem;
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-display: 'Playfair Display', Georgia, serif;
}

.dark {
  --background: 224 22% 8%;
  --foreground: 40 28% 94%;
  --card: 224 22% 12%;
  --card-foreground: 40 28% 94%;
  --popover: 224 22% 12%;
  --popover-foreground: 40 28% 94%;
  --primary: 38 90% 56%;
  --primary-foreground: 224 22% 6%;
  --secondary: 224 18% 18%;
  --secondary-foreground: 40 28% 88%;
  --muted: 224 18% 16%;
  --muted-foreground: 224 12% 62%;
  --accent: 38 80% 56%;
  --accent-foreground: 224 22% 6%;
  --destructive: 0 70% 50%;
  --destructive-foreground: 0 0% 98%;
  --border: 224 18% 22%;
  --input: 224 18% 20%;
  --ring: 38 90% 56%;
}

body {
  font-family: var(--font-body) !important;
}

h1,h2,h3,h4,h5,h6,
.font-heading,
.font-display {
  font-family: var(--font-heading) !important;
}

/* ===== from style_editorial.css ===== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,700;0,800;1,700&display=swap');

:root {
  --background: 40 30% 97%;
  --foreground: 30 15% 10%;
  --card: 0 0% 100%;
  --card-foreground: 30 15% 10%;
  --popover: 0 0% 100%;
  --popover-foreground: 30 15% 10%;
  --primary: 222 47% 18%;
  --primary-foreground: 40 30% 97%;
  --secondary: 30 12% 92%;
  --secondary-foreground: 30 15% 18%;
  --muted: 30 10% 94%;
  --muted-foreground: 30 10% 42%;
  --accent: 38 82% 48%;
  --accent-foreground: 30 15% 6%;
  --destructive: 0 84% 55%;
  --destructive-foreground: 0 0% 100%;
  --border: 30 12% 84%;
  --input: 30 12% 88%;
  --ring: 222 47% 30%;
  --radius: 0.75rem;
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-display: 'Playfair Display', Georgia, serif;
}

.dark {
  --background: 224 22% 8%;
  --foreground: 40 28% 94%;
  --card: 224 22% 12%;
  --card-foreground: 40 28% 94%;
  --popover: 224 22% 12%;
  --popover-foreground: 40 28% 94%;
  --primary: 38 90% 56%;
  --primary-foreground: 224 22% 6%;
  --secondary: 224 18% 18%;
  --secondary-foreground: 40 28% 88%;
  --muted: 224 18% 16%;
  --muted-foreground: 224 12% 62%;
  --accent: 38 80% 56%;
  --accent-foreground: 224 22% 6%;
  --destructive: 0 70% 50%;
  --destructive-foreground: 0 0% 98%;
  --border: 224 18% 22%;
  --input: 224 18% 20%;
  --ring: 38 90% 56%;
}

body {
  font-family: var(--font-body) !important;
}

h1,h2,h3,h4,h5,h6,
.font-heading,
.font-display {
  font-family: var(--font-heading) !important;
}