/*
Theme Name: Corals Child
Theme URI: http://localhost:8080/corals
Description: Child theme of Hello Elementor for The Corals — a luxury land-lot development in Boston Bay, Portland, Jamaica. Registers the lot CPT, taxonomies, and Meta Box fields; loads the brand fonts and design-system CSS variables.
Author: The Corals Development
Template: hello-elementor
Version: 1.0.0
Text Domain: corals-child
*/

/* ============================================================
   THE CORALS — Design system tokens (from _design-reference)
   Available globally so Elementor widgets and custom CSS can
   reference var(--green), var(--sand), etc.
   ============================================================ */
:root{
  --bg:#EDE8DF; --bg-deep:#E3DCCF; --surface:#FAF7F1;
  --ink:#1E2420; --ink-soft:#4A4F49; --muted:#8A857C; --line:#D6CFC2;
  --green:#2C3D32; --green-2:#3D5443; --sand:#A88B5E; --sand-soft:#C2A878;
  --overlay:rgba(20,28,20,.42);
  --display:'Cormorant Garamond',Georgia,serif;
  --body:'Jost',system-ui,sans-serif;
  --fast:220ms; --base:450ms; --slow:1100ms;
  --ease:cubic-bezier(.4,0,.2,1); --ease-out:cubic-bezier(0,0,.2,1);
  --max:1240px;
}

/* Baseline body type — Elementor Site Settings can override, but this
   guarantees the brand fonts apply even outside Elementor containers. */
body{
  font-family:var(--body);
  background:var(--bg);
  color:var(--ink);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,.display{ font-family:var(--display); font-weight:400; line-height:1.08; }
.eyebrow{
  font-family:var(--body); font-size:12px; font-weight:500;
  letter-spacing:.22em; text-transform:uppercase; color:var(--sand);
}