/*
 * Per-site theme hooks. The layout stamps <body class="theme-<site.theme>">;
 * each theme block defines CSS variables that site-specific styles can
 * consume. Existing karin styles predate the variables and keep their
 * hardcoded values — the variables mirror them so new styles (and the niebla
 * theme) have one place to diverge.
 */

.theme-karin {
  --accent: #37aebe;
  --footer-text: #7c7c7c;
  --body-font: "Arimo", sans-serif;
}

.theme-niebla {
  /* Placeholder identity — refined when the niebla home page is designed
     (karin-art-store-8xk.17). */
  --accent: #6b7d8f;
  --footer-text: #7c7c7c;
  --body-font: "Arimo", sans-serif;
}
