/* ============================================================
   JUSTIN-MEEK / Dream Rentals of Tulsa — theme token bridge
   Palette from brand.json + staging-dist design.
   Remaps shared PMS/booking CSS variables so locked booking,
   checkout, payment, and property-detail widgets inherit the
   client colours and fonts with ZERO markup edits.
   ============================================================ */

:root {
  /* ---- Dream Rentals source palette ---- */
  --dr-charcoal: #231f20;
  --dr-cream: #faf9f6;
  --dr-gold: #8e793e;
  --dr-gold-light: #ad974f;
  --dr-gold-ink: #6f5e2f;
  --dr-stone: #e8e2d8;
  --dr-ink-muted: #655f5b;
  --dr-serif: "Playfair Display", Georgia, "Times New Roman", serif;
  --dr-sans: "Poppins", Arial, Helvetica, sans-serif;

  /* Design aliases used by pages.css */
  --charcoal: var(--dr-charcoal);
  --cream: var(--dr-cream);
  --gold: var(--dr-gold);
  --gold-light: var(--dr-gold-light);
  --gold-ink: var(--dr-gold-ink);
  --stone: var(--dr-stone);
  --ink-muted: var(--dr-ink-muted);
  --page-gutter: clamp(1.25rem, 4vw, 4rem);
  --section-space: clamp(5.5rem, 10vw, 9rem);
  --header-height: 6rem;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --font-heading: var(--dr-serif);
  --font-body: var(--dr-sans);

  /* ---- Shared booking/property variables → Dream Rentals ---- */
  --green: #231f20;
  --green-dark: #231f20;
  --green-light: #655f5b;
  --green-pale: #e8e2d8;
  --gold: #8e793e;
  --gold-light: #ad974f;
  --silver: #655f5b;
  --silver-light: #e8e2d8;
  --cream: #faf9f6;
  --cream-dk: #e8e2d8;
  --brown: #6f5e2f;
  --brown-mid: #655f5b;
  --white: #ffffff;
  --text-dark: #231f20;
  --text-mid: #655f5b;
  --text-dull: #231f20;
  --text-muted: #655f5b;

  --heading-font: "Playfair Display", Georgia, serif;
  --body-font: "Poppins", Arial, Helvetica, sans-serif;
  --font-third: "Playfair Display", Georgia, serif;
}

@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("/front/themes/justin-meek/fonts/playfair-display-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/front/themes/justin-meek/fonts/poppins-400-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/front/themes/justin-meek/fonts/poppins-500-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/front/themes/justin-meek/fonts/poppins-600-latin.woff2") format("woff2");
}

/* Base document look when client theme is active */
.client-theme-justin-meek {
  font-family: var(--dr-sans);
  color: var(--dr-charcoal);
  background: var(--dr-cream);
  -webkit-font-smoothing: antialiased;
}

.client-theme-justin-meek h1,
.client-theme-justin-meek h2,
.client-theme-justin-meek h3,
.client-theme-justin-meek h4 {
  font-family: var(--dr-serif);
  font-weight: 500;
  color: var(--dr-charcoal);
}

.client-theme-justin-meek ::selection {
  background: var(--dr-gold);
  color: var(--dr-cream);
}