/* Exact design values. Use component recipes for appearance, these tokens for composition. */
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/manrope-400-7fe97da0.ttf") format("truetype"); }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 500; font-display: swap; src: url("/assets/manrope-500-fa12a073.ttf") format("truetype"); }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/manrope-600-c0e79af6.ttf") format("truetype"); }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/manrope-700-6501e5cd.ttf") format("truetype"); }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 800; font-display: swap; src: url("/assets/manrope-800-8fd8c8e7.ttf") format("truetype"); }

:root {

  --color-review-toolbar: #f3f6fa;
  --color-review-control: #e5ecf5;
  --color-review-notice: #f3f7fd;
  --color-review-notice-border: #83a9e3;
  --shadow-review-choice: 0 1px 4px var(--color-shadow-close);

  --color-investment-border: #cfdded;
  --color-investment-divider: #dbe4ef;
  --color-investment-select: #536178;
  --color-investment-field-border: #cbd9ea;
  --color-ink: #172236;
  --color-navy: #061a3f;
  --color-blue: #1769e8;
  --color-muted: #687588;
  --color-line: #dce4ef;
  --color-ice: #f6f9fd;
  --color-sky: #edf5ff;
  --color-white: #fff;
  --color-brand-caption: #7a8598;
  --color-header-caption: #8490a1;
  --color-focus: #76a7ed;
  --color-body-copy: #536075;
  --color-amenity-copy: #758195;
  --color-metric-label: #7b8799;
  --color-fact-label: #7c8798;
  --color-footer-copy: #91a0b6;
  --color-photo-action: #fffffff2;
  --color-media-hover: #ffffff12;
  --color-media-caption: #c7d0de;
  --color-plan-label: #6c788c;
  --color-plan-caption: #7d8999;
  --color-disabled: #a4aec0;
  --color-typology-caption: #778397;
  --color-currency-border: #bed0e9;
  --color-action-border: #b7ccec;
  --color-action-hover: #f1f6ff;
  --color-field-border: #cbd7e6;
  --color-expired: #79531b;
  --color-offer-border: #cbdcef;
  --color-offer-surface: #f1f7ff;
  --color-constraint-copy: #426184;
  --color-badge-copy: #257352;
  --color-badge-surface: #edf9f2;
  --color-shadow-menu: #061a3f22;
  --color-shadow-panel: #061a3f33;
  --color-shadow-photo: #061a3f2e;
  --color-shadow-dialog: #061a3f55;
  --color-dialog-backdrop: #061a3fb3;
  --color-shadow-close: #061a3f12;
  --color-brand-line: rgba(6, 26, 63, .1);
  --color-shadow-summary: rgba(33, 61, 102, .09);
  --color-media-backdrop: rgba(2, 10, 25, .96);

  --color-hero-description: #eef3fa;
  --color-hero-caption: #ffffffed;
  --gradient-hero: linear-gradient(90deg,rgba(6,26,63,.86),rgba(6,26,63,.53) 42%,rgba(6,26,63,.07) 78%);
  --gradient-hero-mobile: linear-gradient(0deg,rgba(6,26,63,.88),rgba(6,26,63,.55) 70%,rgba(6,26,63,.18));

  --font-body: "Manrope", system-ui, sans-serif;

  --font-size-8: 8px;
  --font-size-9: 9px;
  --font-size-10: 10px;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-13: 13px;
  --font-size-14: 14px;
  --font-size-15: 15px;
  --font-size-17: 17px;
  --font-size-18: 18px;
  --font-size-22: 22px;
  --font-size-21: 21px;
  --font-size-24: 24px;
  --font-size-25: 25px;
  --font-size-27: 27px;
  --font-size-28: 28px;
  --font-size-32: 32px;
  --font-size-40: 40px;
  --font-size-price-detail: 0.78rem;
  --font-size-23: 23px;

  --weight-bold: 700;
  --weight-extrabold: 800;
  --weight-regular: 400;
  --weight-semibold: 600;
  --weight-medium: 500;

  --leading-solid: 1;
  --leading-hero: 1.15;
  --leading-title: 1.08;
  --leading-heading: 1.2;
  --leading-prose: 1.75;
  --leading-amenity: 1.45;
  --leading-offer: 1.65;
  --leading-address: 1.7;
  --leading-label: 1.4;
  --leading-intro: 1.55;
  --leading-table: 1.5;
  --leading-price-detail: 1.35;
  --leading-detail: 1.6;

  --tracking-label: .08em;
  --tracking-brand-caption: .06em;
  --tracking-title: -.045em;
  --tracking-heading: -.035em;
  --tracking-section: .12em;
  --tracking-compact: -.025em;
  --tracking-offer: .1em;

  --space-1: 1px;
  --space-2: 2px;
  --space-3: 3px;
  --space-4: 4px;
  --space-5: 5px;
  --space-6: 6px;
  --space-7: 7px;
  --space-8: 8px;
  --space-9: 9px;
  --space-10: 10px;
  --space-11: 11px;
  --space-12: 12px;
  --space-13: 13px;
  --space-14: 14px;
  --space-15: 15px;
  --space-16: 16px;
  --space-17: 17px;
  --space-18: 18px;
  --space-19: 19px;
  --space-20: 20px;
  --space-22: 22px;
  --space-24: 24px;
  --space-25: 25px;
  --space-26: 26px;
  --space-27: 27px;
  --space-28: 28px;
  --space-30: 30px;
  --space-32: 32px;
  --space-34: 34px;
  --space-36: 36px;
  --space-40: 40px;
  --space-42: 42px;
  --space-44: 44px;
  --space-46: 46px;
  --space-48: 48px;
  --space-50: 50px;
  --space-55: 55px;
  --space-62: 62px;
  --space-80: 80px;
  --space-1180: 1180px;

  --radius-7: 7px;
  --radius-9: 9px;
  --radius-15: 15px;
  --radius-round: 50%;
  --radius-3: 3px;
  --radius-4: 4px;
  --radius-5: 5px;
  --radius-6: 6px;
  --radius-8: 8px;
  --radius-10: 10px;
  --radius-11: 11px;
  --radius-12: 12px;
  --radius-14: 14px;
  --radius-16: 16px;
  --radius-18: 18px;

  --shadow-menu: 0 10px 28px var(--color-shadow-menu);
  --shadow-summary: 0 18px 45px var(--color-shadow-summary);
  --shadow-mobile-contact: 0 -5px 20px var(--color-shadow-panel);
  --shadow-photo-action: 0 8px 25px var(--color-shadow-photo);
  --shadow-dialog: 0 24px 80px var(--color-shadow-dialog);
  --shadow-close: 0 2px 8px var(--color-shadow-close);
  --shadow-panel: 0 12px 48px var(--color-shadow-panel);
  --shadow-sticky-column: 1px 0 var(--color-line);
}