/* Lazy Vacations — Color tokens
   Lifted directly from the Sabattus Shalomus webflow stylesheet :root.
   Teal is the heart of the brand; warm photography supplies the warmth. */

:root {
  /* ---- Brand greens (the core palette) ---- */
  --lv-green: #00aca6;          /* medium-green — primary brand teal */
  --lv-green-deep: #329794;     /* dark-green — buttons, footer links, emphasis */
  --lv-green-light: #98e8e6;    /* light-green — chips, gift-shop pill, borders */
  --lv-green-haze: #ebfffe;     /* hazy-green — tinted card / surface fills */
  --lv-green-ink: #005868;      /* deep teal used in photo title overlays */

  /* ---- Neutrals ---- */
  --lv-white: #ffffff;
  --lv-smoke: #ececec;          /* mobile menu / subtle surface */
  --lv-ink: #333333;            /* body text on white */
  --lv-text: #4d4d4d;           /* secondary body text */
  --lv-grey: #979797;           /* medium-grey */
  --lv-grey-soft: #adadad;      /* light-grey — small amenity captions */

  /* ---- Coral accent (warm counterpoint to the teal) ---- */
  --lv-coral: #ff6f5e;          /* coral — accent CTAs, highlights, badges */
  --lv-coral-deep: #e8503c;     /* coral hover / pressed / emphasis */
  --lv-coral-haze: #fff1ee;     /* coral-tinted surface fill */

  /* ---- Links ---- */
  --lv-link: #1f6fff;           /* inline link blue */
  --lv-link-hover: #0b4fc9;     /* button hover blue */
  --lv-contact: #46a832;        /* "Contact the Host" SMS-green button */
  --lv-contact-hover: #3c9329;

  /* ---- Semantic aliases (use these in product work) ---- */
  --lv-bg: var(--lv-white);
  --lv-surface: var(--lv-white);
  --lv-surface-tint: var(--lv-green-haze);
  --lv-surface-muted: var(--lv-smoke);

  --lv-text-strong: var(--lv-ink);
  --lv-text-body: var(--lv-text);
  --lv-text-muted: var(--lv-grey-soft);
  --lv-text-brand: var(--lv-green);

  --lv-primary: var(--lv-green);
  --lv-primary-hover: var(--lv-green-deep);
  --lv-on-primary: var(--lv-white);
  --lv-accent: var(--lv-green-light);
  --lv-accent-warm: var(--lv-coral);
  --lv-accent-warm-hover: var(--lv-coral-deep);
  --lv-accent-warm-surface: var(--lv-coral-haze);

  --lv-border: rgba(0, 0, 0, 0.08);
  --lv-border-brand: var(--lv-green);
  --lv-border-soft: var(--lv-green-light);

  --lv-focus: var(--lv-green);
}