/* Bridges the static design tokens to Elementor Global Colors + Global Fonts.
   Every value falls back to the exact literal main.css shipped with, so the
   rendered pixels are unchanged until someone edits a Global in Site Settings.

   Declared on `body`, not `:root`: Elementor emits its globals on
   body.elementor-kit-N, and a custom property is substituted in the context of
   the element that declares it. On :root the --e-global-* lookups would find
   nothing and silently stick to the fallbacks forever. */

body {
  --cream:      var(--e-global-color-cwcream, #F9F5F3);
  --cream-soft: var(--e-global-color-cwcreamsoft, #F3ECE8);
  --brown:      var(--e-global-color-text, #40251B);
  --dark:       var(--e-global-color-secondary, #1B2928);
  --stone:      var(--e-global-color-cwstone, #CBC1BD);
  --terra:      var(--e-global-color-primary, #8C513B);
  --terra-deep: var(--e-global-color-cwterradeep, #74412E);
  --sage:       var(--e-global-color-cwsage, #556665);
  --pine:       var(--e-global-color-accent, #365150);

  --ink-soft:   var(--e-global-color-cwinksoft, rgba(64,37,27,.72));
  --ink-faint:  var(--e-global-color-cwinkfaint, rgba(64,37,27,.45));
  --line:       var(--e-global-color-cwline, rgba(64,37,27,.14));
  --line-cream: var(--e-global-color-cwlinecream, rgba(249,245,243,.22));
  --cream-dim:  var(--e-global-color-cwcreamdim, rgba(249,245,243,.75));

  --display: var(--e-global-typography-primary-font-family, "Jost"), "Futura", "Century Gothic", sans-serif;
  --body:    var(--e-global-typography-text-font-family, "Figtree"), "Avenir", "Helvetica Neue", Arial, sans-serif;
}