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

:root {
  --font-sans: 'Source Sans 3', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-display: 'Cormorant Garamond', Georgia, serif;

  /* Brand palette
     - Deep navy: #1C2E4A
     - Light stone: #E6E2DA
     - Warm gray:  #6F6A63
     - Soft gold:  #B8A15A
  */
  --primary: 216.5 45.1% 20%;
  --primary-foreground: 40 19.4% 87.8%;

  --accent: 45.3 39.8% 53.7%;
  --accent-foreground: 216.5 45.1% 20%;

  --background: 40 19.4% 87.8%;
  --foreground: 216.5 45.1% 16%;

  --muted: 40 19.4% 84%;
  --muted-foreground: 35 5.7% 41.2%;

  --card: 40 19.4% 87.8%;
  --card-foreground: 216.5 45.1% 16%;

  --border: 35 5.7% 70%;
  --input: 35 5.7% 70%;

  --destructive: 0 84.2% 60.2%;
  --destructive-foreground: 210 40% 98%;

  --ring: 45.3 39.8% 53.7%;
  --radius: 0.5rem;
}

html, body {
  width: 100%;
  margin: 0;
  padding: 0;
}

body {
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Small custom animation used by the theme */
.fade-in-up {
  animation: fadeInUp 0.8s ease-out forwards;
  opacity: 0;
  transform: translateY(20px);
}

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}