:root {
    /* Default palette: Original site colors */
    --default-text-color: #000000;
    --background-color: #BD8966;
    --button-card-background-color: #714c43;
    --box-shadow-color: #ddb0a0;
    --hero-desc-text-color: #ffffff;
    --background-shadow-color: rgba(221,176,160,0.18);

    @font-face {
        font-family: "Expletus Sans", Inter;
        src: url('/fonts/ExpletusSans-Italic-VariableFont_wght.ttf') format('truetype-variations'),
            url('/fonts/ExpletusSans-VariableFont_wght.ttf') format('truetype-variations');
    }
    font-family: Expletus Sans, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  }

  .theme-soft-spa {
    --default-text-color: #1F2937;
    --background-color: #F7F3EE;
    --button-card-background-color: #8CA594;
    --box-shadow-color: #D0C9BB;
    --hero-desc-text-color: #111827;
    --background-shadow-color: rgba(140,165,148,0.18);
  }

  .theme-lavender-serenity {
    --default-text-color: #2C2A3A;
    --background-color: #F2E7F6;
    --button-card-background-color: #8B6DA9;
    --box-shadow-color: #D9C7E9;
    --hero-desc-text-color: #FFFFFF;
    --background-shadow-color: rgba(139,109,169,0.18);
  }

  .theme-modern-minimal {
    --default-text-color: #111827;
    --background-color: #F8F8F9;
    --button-card-background-color: #2F3038;
    --box-shadow-color: #B0B0BC;
    --hero-desc-text-color: #FFFFFF;
    --background-shadow-color: rgba(47,48,56,0.22);
  }

  .theme-warm-sunset {
    --default-text-color: #1B1B1D;
    --background-color: #FFF1EA;
    --button-card-background-color: #D9715A;
    --box-shadow-color: #F3C6B0;
    --hero-desc-text-color: #FFFFFF;
    --background-shadow-color: rgba(217,113,90,0.20);
  }