/*
Theme Name: Hello Elementor Child - Expat Services CR
Theme URI: https://expatservicescr.com
Description: Child theme for Expat Services CR. Holds the brand tokens, the motion system, and any custom CSS. Built so the site keeps working if Elementor Pro is ever deactivated.
Author: Expat Services CR
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/* ---------------------------------------------------------
   Brand tokens.
   These mirror the Global Colors set in Elementor Site Settings.
   Change them THERE, not here, unless you know what you're doing.
   --------------------------------------------------------- */
:root {
  --esc-jungle:   #0E4D3C;
  --esc-green:    #2E8B63;
  --esc-gold:     #E8A23D;
  --esc-sand:     #F6F1E7;
  --esc-charcoal: #2B2F2C;
  --esc-white:    #FFFFFF;

  --esc-ease:     cubic-bezier(0.22, 0.61, 0.36, 1);
  --esc-dur:      0.6s;
}

/* ---------------------------------------------------------
   Typography baseline
   --------------------------------------------------------- */
body {
  font-family: "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;
  color: var(--esc-charcoal);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  font-weight: 600;
}

/* Eyebrow label above section headings. Add class: esc-eyebrow */
.esc-eyebrow {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--esc-green);
}

/* ---------------------------------------------------------
   Focus visibility. Accessibility, do not remove.
   --------------------------------------------------------- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 3px solid var(--esc-gold);
  outline-offset: 2px;
}