@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700;800&display=swap');

:root {

  /* ── Brand ──────────────────────────────────────────────────────────── */
  --font-main:       'Roboto', sans-serif;
  --backgroundcolor: #ffffff;
  --color-main:      #0C2749;
  --color-secondary: #05294d;
  --thirdcolor:      #C62121;
  --fourthcolor:     #e3e3e3;
  --color-price:     #C62121;
  --iconcolor:       #05294d;
  --textcolor:       #374151;
  --base-width:      83.333333%;
  --radius-md:       0;

  /* ── Typography sizes ───────────────────────────────────────────────── */
  --text-h1:      2.25rem;
  --text-h2:      1.875rem;
  --text-h3:      1.5rem;
  --text-h4:      1.25rem;
  --text-h5:      1.125rem;
  --text-h6:      1rem;
  --text-body:    1rem;
  --text-sm:      0.875rem;
  --text-xs:      0.75rem;
  --text-label:   0.75rem;
  --text-button:  0.875rem;

  /* ── Typography weights ─────────────────────────────────────────────── */
  --fw-h1:     800;
  --fw-h2:     700;
  --fw-h3:     700;
  --fw-h4:     600;
  --fw-body:   400;
  --fw-label:  600;
  --fw-button: 600;

  /* ── Line heights ───────────────────────────────────────────────────── */
  --lh-heading: 1.2;
  --lh-body:    1.6;

  /* ── Navbar ─────────────────────────────────────────────────────────── */
  --navbar-background:             #0C2749;
  --navbar-background-transparent: transparent;
  --navbar-padding-y:              0.5rem;
  --navbar-logo-width:             170px;
  --navbar-logo-mobile-width:      150px;

  --navbar-text-color:             #ffffff;
  --navbar-text-hover:             #C62121;
  --navbar-text-color-transparent: #ffffff;
  --navbar-text-hover-transparent: #C62121;
  --navbar-text-size:              0.85rem;
  --navbar-text-fw:                600;
  --navbar-text-spacing:           1.5rem;

  --navbar-phone-text-color:              #ffffff;
  --navbar-phone-text-hover-color:        #ffffff;
  --navbar-phone-text-transparent:        #ffffff;
  --navbar-phone-text-hover-transparent:  #ffffff;
  --navbar-phone-text-size:               1rem;
  --navbar-phone-text-fw:                 600;

  --navbar-mobile-text-color:              #ffffff;
  --navbar-text-mobile-color-transparent:  #ffffff;
  --navbar-mobile-text-size:               1rem;
  --navbar-mobile-text-fw:                 600;
  --navbar-mobile-text-spacing:            1rem;
  --navbar-mobile-phone-color:             #ffffff;
  --navbar-mobile-phone-color-transparent: #ffffff;
  --navbar-mobile-phone-size:              1rem;
  --navbar-mobile-phone-fw:                600;
  ---navbar-mobile-phone-spacing:          0rem;

  --navbar-mobile-burger-size:        36px;
  --navbar-mobile-burger-color:       #ffffff;
  --navbar-mobile-burger-close-color: #ffffff;
  --navbar-mobile-burger-radius:      0.25rem;
  --navbar-mobile-radius:             0rem;

  /* ── Footer ─────────────────────────────────────────────────────────── */
  --footer-bg-color:             linear-gradient(13deg, #000000 0%, #4f0c0c 100%);
  --footer-company-text-color:   #ffffff;
  --footer-company-text-size:    1rem;
  --footer-company-text-fw:      normal;
  --footer-company-text-spacing: 0.5rem;
  --footer-section-spacing:      0.75rem;
  --footer-section-title-color:  #ffffff;
  --footer-section-title-size:   1rem;
  --footer-section-title-fw:     bold;
  --footer-section-link-color:   #ffffff;
  --footer-section-link-size:    1rem;
  --footer-section-link-fw:      normal;
  --footer-copyright-text-color: #ffffff;
  --footer-copyright-text-size:  1rem;

  /* ── Carousel labels ────────────────────────────────────────────────── */
  --label-bg:        #001A33;
  --label-text:      #ffffff;
  --label-size:      1rem;
  --label-radius:    0.25rem;
  --label-padding-x: 0.25rem;
  --label-padding-y: 0.25rem;
  --label-top:       0.5rem;
  --label-bottom:    auto;
  --label-left:      0.5rem;
  --label-right:     auto;
  --label-fw:        normal;

  --label-highlight-bg:        #001A33;
  --label-highlight-text:      #ffffff;
  --label-highlight-size:      1rem;
  --label-highlight-radius:    0.25rem;
  --label-highlight-padding-x: 0.25rem;
  --label-highlight-padding-y: 0.25rem;
  --label-highlight-top:       0.5rem;
  --label-highlight-bottom:    auto;
  --label-highlight-left:      0.5rem;
  --label-highlight-right:     auto;
  --label-highlight-fw:        normal;

  /* ── Carousel section ───────────────────────────────────────────────── */
  --carousel-section-margin:        1rem;
  --carousel-section-padding:       1rem;
  --carousel-section-divider:       1px;
  --carousel-section-dicider-color: #d4d7d9;

  --carousel-title-align:   center;
  --carousel-title-padding: 2rem;
  --carousel-title-color:   #202020;
  --carousel-title-size:    1.5rem;
  --carousel-title-fw:      bold;

  --carousel-description-align:   center;
  --carousel-description-padding: 2rem;
  --carousel-description-color:   #202020;
  --carousel-description-size:    1rem;
  --carousel-description-fw:      normal;

  /* ── Property card ──────────────────────────────────────────────────── */
  --property-image-container-position:     relative;
  --property-image-container-aspect-ratio: 3 / 2;
  --property-image-container-border-radius:0.5rem;

  --property-card-background:      #ffffff;
  --property-card-radius:          0.5rem;
  --property-card-border-width:    0px;
  --property-card-border-color:    none;
  --property-card-shadow:          none;
  --property-card-content-padding: 0rem;
  --property-card-title-color:     #019da4;
  --property-card-title-size:      1.2rem;
  --property-card-title-fw:        bold;
  --property-card-location-color:  #001A33;

  /* ── Project card ───────────────────────────────────────────────────── */
  --project-image-container-position:      relative;
  --project-image-container-aspect-ratio:  3 / 2;
  --project-image-container-border-radius: 0.5rem;

  --project-card-background:      #ffffff;
  --project-card-radius:          0.5rem;
  --project-card-border-width:    0px;
  --project-card-border-color:    none;
  --project-card-shadow:          none;
  --project-card-content-padding: 0rem;
  --project-card-title-color:     #019da4;
  --project-card-title-size:      1.2rem;
  --project-card-title-fw:        bold;
  --project-card-location-color:  #001A33;

}