/* assets/css/theme.css */

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

:root {
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-serif: "Playfair Display", serif;

  --color-primary: #16a34a;       /* green */
  --color-primary-dark: #15803d;  /* hover green */
  --color-muted: #6b7280;
  --facebook-color: #1877f2;
  --instagram-color: #e4405f;
  --youtube-color: #ff0000;
  --twitter-color: #1da1f2;
}

body {
  font-family: var(--font-sans);
}
.facebook {
  fill: var(--facebook-color);
}
.instagram {
  fill: var(--instagram-color);
}
.youtube {
  fill: var(--youtube-color);
}
.twitter {
  fill: var(--twitter-color);
}