/* ============================================
   Themes - Default Light Theme (Lessmore style)
   ============================================ */

/*
 * Multi-site theming strategy:
 * The backend injects site-specific overrides into <head> via Mustache:
 *
 *   {{#theme}}
 *   <style>
 *     :root {
 *       {{#primaryColor}}--color-accent: {{.}};{{/primaryColor}}
 *       {{#fontFamily}}--font-family: {{.}}, -apple-system, sans-serif;{{/fontFamily}}
 *     }
 *   </style>
 *   {{/theme}}
 *
 * Site-level color overrides take precedence over these defaults.
 * Module-level colors are injected via inline style="..." attributes.
 */

:root {
  /* Override these values per-site via backend <head> injection */
  --color-accent: #dd9933;
  --color-accent-hover: #c4882e;

  /* Hero scroll icon inherits from --hero-btn-color (set inline by backend) */
  --hero-btn-color: #1E1E1D;

  /* Section defaults (overridden per-module via Mustache inline style) */
  --module-bg: #F5F5F5;
  --module-title-color: #1E1E1D;
  --module-body-color: #1E1E1D;

  /* Footer defaults */
  --footer-bg: #FFFFFF;
  --footer-text-color: rgba(30, 30, 29, 0.6);
}
