/* Roomavio brand-kit tokens.
   Colours are exact kit values. Font, radius, shadow, spacing and component values are measured from the
   new-*.png mockups: they are raster images with no gen code, so treat those values as approximate. */
:root{
  --rv-purple:#35263F;   /* primary: text, headings, wordmark, outline buttons, footer */
  --rv-orange:#F26B4D;   /* accent: primary CTA, price highlights, "home." in hero */
  --rv-mint:#A9D8C2;     /* secondary buttons, badges, active chips, map */
  --rv-yellow:#FFD66B;   /* decorative blobs, highlights */
  --rv-cream:#FFF7EA;    /* page background */
  --rv-white:#FFFFFF;    /* cards, search panel */
  --rv-orange-hover:#E0583A; /* derived (orange about 8% darker); not in kit */
  --rv-muted:#6D5F75;    /* derived from purple for secondary text; not in kit */
  --rv-border:#E9DCC8;   /* derived warm border; not in kit */

  --rv-font-brand:'Outfit',sans-serif;   /* stand-in for the kit's rounded geometric brand typeface: logo and headlines */
  --rv-font-ui:'Outfit',sans-serif;      /* supporting typeface: body and UI */
  --rv-h1:clamp(40px,5.5vw,72px);--rv-h1-weight:800;--rv-h1-tracking:-0.02em;
  --rv-h2:clamp(26px,3vw,36px);--rv-h2-weight:800;
  --rv-body:16px;--rv-small:14px;

  --rv-radius-sm:10px;   /* chips, small pills */
  --rv-radius-md:12px;   /* buttons, inputs */
  --rv-radius-lg:16px;   /* cards */
  --rv-radius-xl:20px;   /* search panel, host card */
  --rv-radius-pill:999px;/* badges, hero pills */

  --rv-shadow-card:0 6px 20px rgba(53,38,63,.08);
  --rv-shadow-panel:0 10px 30px rgba(53,38,63,.10);

  --rv-space-1:4px;--rv-space-2:8px;--rv-space-3:12px;--rv-space-4:16px;--rv-space-5:24px;--rv-space-6:32px;--rv-space-7:48px;--rv-space-8:64px;
  --rv-container:1240px;--rv-gutter:48px;--rv-gutter-mobile:16px;
}
.rv-btn{min-height:48px;padding:0 22px;border-radius:var(--rv-radius-md);font:600 16px var(--rv-font-ui);display:inline-flex;align-items:center;justify-content:center;gap:8px}
.rv-btn-primary{background:var(--rv-orange);color:#fff;border:0}
.rv-btn-outline{background:#fff;color:var(--rv-purple);border:1.5px solid var(--rv-purple)}
.rv-btn-mint{background:var(--rv-mint);color:var(--rv-purple);border:0;border-radius:var(--rv-radius-pill)}
.rv-card{background:#fff;border-radius:var(--rv-radius-lg);box-shadow:var(--rv-shadow-card);padding:10px}
.rv-badge{background:var(--rv-mint);color:var(--rv-purple);border-radius:var(--rv-radius-pill);padding:4px 12px;font:600 13px var(--rv-font-ui)}
.rv-search{background:#fff;border-radius:var(--rv-radius-xl);box-shadow:var(--rv-shadow-panel);padding:16px}
.rv-field{min-height:56px;border:1px solid var(--rv-border);border-radius:var(--rv-radius-md);font-size:16px}