/*
 * Design "Moonlight": Immersive's scenes in cool silver: blue-grey dark, Inter throughout, a white button and light frosted glass.
 * A variant of Immersive (villa_designs() 'base'): design-immersive.css loads first, this file after it,
 * so only the colours, fonts and a few details change; the scenes, panels and layout are Immersive's.
 */

/* Fonts (self-hosted) */

@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/inter-greek-400-normal.woff2") format("woff2"); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/inter-greek-500-normal.woff2") format("woff2"); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/inter-greek-600-normal.woff2") format("woff2"); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/inter-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/inter-latin-500-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/inter-latin-600-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/inter-latin-ext-400-normal.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/inter-latin-ext-500-normal.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/inter-latin-ext-600-normal.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* Tokens */

:root {
	--ink: #0f1317;
	--ink-0: #080a0d;
	--ink-2: #13181d;
	--ink-2-rgb: 19 24 29;
	--ink-3: #192027;
	--shade: 6 8 10;
	--glass: rgb(22 28 34 / 0.42);
	--glass-strong: rgb(20 26 32 / 0.8);
	--glass-line: rgb(255 255 255 / 0.2);
	--header-bg: rgb(12 16 20 / 0.62);
	--text-rgb: 238 242 246;
	--field: #1f2830;
	--hover: #29333d;
	--past: #58636e;

	--color-text: #eef2f6;
	--color-text-muted: #a7b1bc;
	--color-bg-soft: #1f2830;
	--color-bg-sand: #192027;
	--color-dark: #eef2f6;
	--color-footer: #080a0d;
	--color-day-available: #22303c;
	--color-day-booked: #7a3b40;
	--color-day-past: #192027;

	--font-heading: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--radius: 10px;
}

/* Rounded glass panels, fields and photos */
.hero .availability-form,
.about:not(.about--no-photo) .about__content,
.prices__card,
.get-in-touch:not(.get-in-touch--no-photo) .get-in-touch__content,
.theme-page__card,
.flatpickr-calendar,
.language-switcher ul {
	border-radius: 16px;
}

.button,
.site-header__book,
.site-header .header-whatsapp {
	border-radius: 10px;
}

.hero .availability-form__submit {
	border-radius: calc(16px - 6px);
}

.hero__title,
.section-title,
.theme-page__title {
	font-weight: 500;
	letter-spacing: -0.035em;
	line-height: 1;
}

.hero__title {
	font-size: clamp(48px, 6.4vw, 120px);
}

/* Light frosted glass */
.hero .availability-form,
.about:not(.about--no-photo) .about__content,
.prices__card,
.get-in-touch:not(.get-in-touch--no-photo) .get-in-touch__content {
	-webkit-backdrop-filter: blur(24px) saturate(1.5) brightness(0.8);
	backdrop-filter: blur(24px) saturate(1.5) brightness(0.8);
}

.review__text {
	font-size: clamp(18px, 1.5vw, 24px);
	font-style: normal;
	font-weight: 400;
	letter-spacing: -0.01em;
	line-height: 1.5;
}

.about__signature {
	font-style: normal;
	font-size: 20px;
}

.calendar-month__title,
.flatpickr-current-month {
	font-weight: 600;
	font-size: 18px;
}