/* Design tokens ported from Elementor kit (post-6.css). */

:root {
  --color-gold: #c9a96e;
  --color-ink: #252521;
  --color-text: #5a5a55;
  --color-accent: #232320;
  --color-near-black: #1c1c1a;
  --color-cream: #f6f1e9;
  --color-gold-deep: #b59964;
  --color-slate: #4b5c6b;
  --color-bronze: #8b6b45;
  --color-bronze-ink: #7a5e3c;
  --color-green: #4a6741;
  --color-cream-deep: #ede8df;
  --color-charcoal: #2e2e2b;
  --color-stone: #dedad2;
  --color-white: #ffffff;
  --color-cream-80: #f6f1e980;
  --color-paper: #fafaf7;
  --color-muted: #9a9a93;

  --font-serif: "Cormorant Garamond", serif;
  --font-sans: "Outfit", sans-serif;

  --text-display-size: 54px;
  --text-display-line: 65px;
  --text-display-weight: 300;
  --text-secondary-size: 34px;
  --text-secondary-line: 44px;
  --text-secondary-weight: 300;
  --text-body-size: 15px;
  --text-body-line: 25px;
  --text-body-weight: 300;
  --text-label-size: 10px;
  --text-label-line: 20px;
  --text-label-weight: 500;
  --text-label-tracking: 0.25em;

  --wrap-max: 1800px;
  --widget-gap: 20px;
  --btn-pad: 14px 36px;
  --btn-radius: 0;
}

@media (max-width: 1024px) {
  :root {
    --text-display-size: 50px;
    --text-display-line: 60px;
    --text-secondary-size: 30px;
    --text-secondary-line: 40px;
  }
}

@media (max-width: 767px) {
  :root {
    --text-display-size: 40px;
    --text-display-line: 50px;
    --text-secondary-size: 28px;
    --text-secondary-line: 38px;
  }
}