/* ===================================
   Rahaya Realty — Fonts, Reset & Type Scale
=================================== */

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('../fonts/cormorant_garamond/CormorantGaramond-Medium.woff2') format('woff2'),
         url('../fonts/cormorant_garamond/CormorantGaramond-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/manrope/Manrope-Regular.woff2') format('woff2'),
         url('../fonts/manrope/Manrope-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/manrope/Manrope-Medium.woff2') format('woff2'),
         url('../fonts/manrope/Manrope-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/manrope/Manrope-SemiBold.woff2') format('woff2'),
         url('../fonts/manrope/Manrope-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/manrope/Manrope-Bold.woff2') format('woff2'),
         url('../fonts/manrope/Manrope-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --font-heading: 'Cormorant Garamond', Georgia, serif;
    --font-body: 'Manrope', Arial, sans-serif;
}

html,
body {
    margin: 0;
    padding: 0;
}

body {
    font-family: var(--font-body);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
}

h1,
h2,
h3,
h4 {
    font-family: var(--font-heading);
    font-weight: 500;
    margin: 0;
    line-height: 1.15;
}

/* Hero H1 — 44px mobile / 72px desktop */
.h-hero {
    font-size: 44px;
}

/* Page H1 — 40px mobile / 64px desktop */
.h-page {
    font-size: 40px;
}

/* Section H2 — 34px mobile / 48px desktop */
.h-section {
    font-size: 34px;
}

/* H3 / Property title — 26px mobile / 32px desktop */
.h-property {
    font-size: 26px;
}

/* Card title — 22px mobile / 26px desktop */
.h-card {
    font-size: 22px;
}

/* Large body — 17px mobile / 18px desktop */
.text-lg {
    font-family: var(--font-body);
    font-size: 17px;
    font-weight: 400;
}

/* Normal body — 16px */
.text-body {
    font-family: var(--font-body);
    font-size: 16px;
    font-weight: 400;
}

/* Navigation — 14px, weight 500 */
.text-nav {
    font-family: var(--font-body);
    font-size: 14px;
    font-weight: 500;
}

/* Buttons — 14px, weight 600 */
.text-btn {
    font-family: var(--font-body);
    font-size: 14px;
    font-weight: 600;
}

/* Labels / Eyebrows — 12px mobile / 12–13px desktop, weight 600 */
.text-eyebrow {
    font-family: var(--font-body);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

/* Small / meta text — 12px mobile / 13px desktop, weight 400–500 */
.text-meta {
    font-family: var(--font-body);
    font-size: 12px;
    font-weight: 400;
}

@media (min-width: 769px) {
    .h-hero { font-size: 72px; }
    .h-page { font-size: 64px; }
    .h-section { font-size: 48px; }
    .h-property { font-size: 32px; }
    .h-card { font-size: 26px; }
    .text-lg { font-size: 18px; }
    .text-eyebrow { font-size: 13px; }
    .text-meta { font-size: 13px; }
}