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

/* Otelin panelden yönettiği ortak Guest Assistant renk paleti. */
html:root[data-page] {
    --font-main: "Comfortaa", sans-serif;
    --font-title: "Comfortaa", sans-serif;
    --page: #f5f2ed;
    --surface: #ffffff;
    --surface-soft: #faf7f2;
    --ink: #211d18;
    --muted: #7d766d;
    --gold: #25443f;
    --gold-dark: #25443f;
    --gold-soft: #f8eedc;
    --dark: #172b29;
    --dark-2: #25443f;
    --green: #1f8f64;
    --red: #e4514c;
    --line: #e8e1d8;
    --blue: #4f7d8a;
    --blue-soft: #edf4f7;
    --purple: #755d98;
    --purple-soft: #f1edf7;
    --orange: #fab43a;
    --orange-soft: #fff2e7;
    --rose: #b76a74;
    --rose-soft: #faeef0;
    --kids: #fab43a;
    --kids-soft: #fff0e2;
    --spa: #705b79;
    --spa-soft: #f1edf3;
    --teal: #397e72;
    --green-soft: #eaf7f0;
    --red-soft: #fff0ef;
    --red-dark: #a92f2b;
}

html:root[data-page] body {
    background-color: var(--page);
    color: var(--ink);
}

/*
 * iPhone/iPad tarayicilari 16px'ten kucuk form kontrollerine odaklaninca
 * sayfayi otomatik yakinlastirir. Misafir formlarinda klavye acilirken
 * yerlesimin buyuyup yatay tasmasini onlemek icin yalnizca WebKit mobil
 * tarayicilarinda form kontrolunun hesaplanan yazi boyutunu 16px tutuyoruz.
 */
@supports (-webkit-touch-callout: none) {
    @media (max-width: 767px) {
        html:root[data-page] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
        html:root[data-page] select,
        html:root[data-page] textarea {
            font-size: 16px !important;
        }
    }
}