:root {
  --color-background: #FAFAFA;
  --color-foreground: #09090B;
  --color-primary: #18181B;
  --color-secondary: #3F3F46;
  --color-accent: #B5502E;
  --color-muted: #F8F2F0;
  --color-border: #F2E6E2;
  --color-destructive: #DC2626;
  --font-serif: 'Libre Bodoni', serif;
  --font-sans: 'Public Sans', sans-serif;
}

body {
  background: var(--color-background);
  color: var(--color-foreground);
  font-family: var(--font-sans);
}

h1, h2, .font-serif {
  font-family: var(--font-serif);
}

.btn-accent {
  background: var(--color-accent);
  color: #FFFFFF;
}

.btn-accent:hover {
  opacity: 0.9;
}

.text-accent {
  color: var(--color-accent);
}

.bg-muted {
  background: var(--color-muted);
}

.border-brand {
  border-color: var(--color-border);
}