@import url("https://fonts.googleapis.com/css2?family=Aboreto&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://kunversion-frontend-custom.s3.amazonaws.com/components/main/modules/search-bar/transparent.ps.css");

:root {
  --cp-heading-font: "Aboreto", "Times New Roman", serif;
  --cp-text-font: "Roboto", system-ui, sans-serif;

  /* ── Brand ── */
  --cp-primary: #0f7d8a;
  --cp-accent: #0c6a75;
  --cp-on-primary: #ffffff;
  --cp-radius: 6px;

  --cp-emphasis-color: #e8735b;
  --cp-emphasis-style: italic;
  --cp-eyebrow-color: #e8735b;

  --cp-rule-color: rgba(15, 125, 138, 0.22);
  --cp-card-radius: 0px;
  --cp-card-shadow: 0 18px 48px rgba(8, 50, 61, 0.14);

  /* ── Surfaces ── */
  --cp-bg-warm: #f6efe4;
  --cp-bg-tint: #f6efe4;
  --cp-bg-cool: #e6f1f0;
  --cp-bg-dark: #08323b;
  --cp-bg-charcoal: #0c3b45;
  --cp-bg-navy: #062b34;
  --cp-bg-ink: #08323b;

  /* ── Headings ── */
  --cp-h2-size: clamp(2.1rem, 5vw, 3.3rem);
  --cp-h2-weight: 400;
  --cp-h2-tracking: 0.08em;
  --cp-h2-transform: uppercase;
  --cp-h2-line-height: 1.14;
  --cp-h2-eyebrow-size: 0.8rem;
  --cp-h2-eyebrow-weight: 600;
  --cp-h2-eyebrow-tracking: 0.32em;

  --cp-h3-size: clamp(1rem, 1.6vw, 1.25rem);
  --cp-h3-weight: 400;
  --cp-h3-tracking: 0.06em;
  --cp-h3-transform: uppercase;

  --cp-h4-size: 0.72rem;
  --cp-h4-weight: 600;
  --cp-h4-tracking: 0.26em;
  --cp-h4-transform: uppercase;

  /* ── Body copy ── */
  --cp-p-size: 1.02rem;
  --cp-p-weight: 300;
  --cp-p-line-height: 1.8;
  --cp-p-color: #566a6f;

  --cp-name-weight: 500;
  --cp-meta-color: var(--cp-primary);
  --cp-meta-tracking: 0.16em;
  --cp-meta-transform: uppercase;

  --cp-stat-number-color: var(--cp-primary);

  --cp-container-max: 1140px;

  /* ── Hero -- */
  --cp-cover-align: left;
  --cp-cover-margin-top:-60px;
  --cp-hero-header-offset: 0px;
  --cp-cover-height: 660px;
  --cp-cover-height-full: 100vh;
  --cp-cover-overlay: rgba(6, 42, 51, 0.42);
  --cp-cover-overlay-dark: rgba(6, 42, 51, 0.72);
  --cp-cover-title-size: clamp(2.4rem, 5.5vw, 3.6rem);
  --cp-cover-title-size-compact: clamp(2.4rem, 7vw, 4rem);
  --cp-cover-title-weight: 400;
  --cp-cover-title-tracking: 0.06em;
  --cp-cover-title-transform: uppercase;
  --cp-cover-title-color: #ffffff;
  --cp-cover-subtitle-color: rgba(246, 239, 228, 0.86);
  --cp-cover-eyebrow-color: #f4a68f;
  --cp-cover-btn-size: 1rem;
  --cp-cover-btn-radius: 999px;
  --cp-cover-btn-transform: uppercase;
  --cp-cover-btn-tracking: 0.12em;
  --cp-cover-anim: cp-hero-blur;
  --cp-cover-anim-duration: 0.7s;

  --cover-search-bar-bg-color: rgba(255, 255, 255, 0.96);
  --cover-search-button-bg-color: var(--cp-primary);
  --cover-search-button-icon-color: #ffffff;
  --cp-cover-search-display: none;
  --cp-cover-ai-search-display: none;

  /* ── Header ── */
  --cp-header-bg: transparent;
  --cp-header-scroll-bg: #08323b;
  --cp-header-link-color: #ffffff;
  --cp-header-scroll-link-color: #ffffff;
  --cp-header-burger-color: #ffffff;
  --cp-header-burger-scroll-color: #ffffff;
  --cp-header-container-width: 1360px;
  --cp-header-link-weight: 500;
  --cp-header-link-letter-spacing: 0.14em;
  --cp-header-link-transform: uppercase;

  --home-primary-logo_max-width: 250px;
  --home-primary-logo-scroll_max-width: 250px;
  --inner-primary-logo_max-width: 250px;
  --home-primary-logo_filter: brightness(0) invert(1);
  --home-primary-logo-scroll_filter: brightness(0) invert(1);
  --inner-primary-logo_filter: unset;

  --cp-fa-max: 100%;

  --cp-btn-radius: 999px;

  /* ── Testimonials ──*/
  --cp-tc-quote-size: clamp(1.2rem, 1.7vw, 1.5rem);
  --cp-tc-star-color: #e8735b;
  --cp-avatar-bg: var(--cp-primary);
  --cp-avatar-color: #ffffff;

  /* ── Featured areas ──*/
  --cp-tile-label-size: clamp(1.5rem, 3vw, 2.6rem);
  --cp-tile-label-weight: 400;
  --cp-tile-scrim: linear-gradient(to top, rgba(6, 42, 51, 0.82) 0%, rgba(6, 42, 51, 0.22) 52%, transparent 80%);

  /* ── Listings ──*/
  --cp-listings-badge-color: var(--cp-on-primary);
  --cp-listings-scrim: var(--cp-tile-scrim);
  --cp-listings-card-meta-bg: #08323b;
  --cp-listings-card-text-color: #f6efe4;
  --cp-listings-card-price-color: #f4a68f;
  --cp-listings-matte: #08323b;

  /* ── Footer ──*/
  --cp-footer-bg: #062b34;
  --cp-footer-color: rgba(246, 239, 228, 0.64);
  --cp-footer-heading: #f4a68f;
  --cp-footer-link: rgba(246, 239, 228, 0.64);
  --cp-footer-link-hover: #ffffff;
  --cp-footer-border: rgba(15, 125, 138, 0.28);
  --cp-footer-logo-filter: brightness(0) invert(1);
}

body {
  background-color: #fbf8f2;
  color: #10333a;
}

#home-bodycontent #fixed-header-spacer {
  display: none;
}