:root {
    --color-primary: #0b6670;
    --color-primary-dark: #064752;
    --color-primary-light: #d9f4f2;
    --color-secondary: #071d2d;
    --color-accent: #d8ad52;
    --color-background: #eef4f5;
    --color-surface: #ffffff;
    --color-surface-muted: #e7eff1;
    --color-text: #102b3a;
    --color-text-muted: #55707d;
    --color-border: #c5d5da;
    --color-border-light: #dce7ea;
    --shadow-small: 0 5px 16px rgb(7 29 45 / 0.08);
    --shadow-medium: 0 16px 40px rgb(7 29 45 / 0.13);
    --shadow-large: 0 30px 75px rgb(7 29 45 / 0.2);
}

body {
    background:
        radial-gradient(circle at 8% 5%, rgb(20 139 143 / 0.12), transparent 28rem),
        linear-gradient(180deg, #f8fbfb 0, #eef4f5 55%, #e6eef0 100%);
}

body:not([data-page="home"]) main:not(.dashboard-content) {
    position: relative;
}

.button--primary,
button[type="submit"] {
    border-color: #d8ad52;
    background: linear-gradient(135deg, #f3d27d, #c9902f);
    color: #071d2d;
    font-weight: 800;
    box-shadow: 0 9px 24px rgb(178 124 36 / 0.2);
}

.button--primary:hover,
button[type="submit"]:hover {
    border-color: #f2d58c;
    background: linear-gradient(135deg, #ffe5a4, #d9a340);
    color: #071d2d;
    transform: translateY(-1px);
}

.button--secondary,
.button--outline {
    border-color: rgb(11 102 112 / 0.38);
    color: #075a64;
    background: rgb(255 255 255 / 0.88);
}

.card,
.search-card,
.auth-card,
.account-state,
.dashboard-card,
.form-card,
.booking-card,
.property-card,
.service-card {
    border-color: rgb(7 63 76 / 0.12);
    border-radius: 20px;
    background: rgb(255 255 255 / 0.94);
    box-shadow: var(--shadow-medium);
}

input,
select,
textarea {
    border-color: #bfd0d5;
    background: #fbfdfd;
}

input:focus,
select:focus,
textarea:focus {
    border-color: #0b7680;
    outline: 3px solid rgb(11 118 128 / 0.16);
    box-shadow: 0 0 0 1px rgb(11 118 128 / 0.1);
}

.site-footer {
    color: rgb(240 247 250 / 0.86);
    border-top: 1px solid rgb(216 173 82 / 0.24);
    background: linear-gradient(145deg, #061824, #0a3145);
}

.site-footer a,
.site-footer button { color: #f2d58c; }

.local-server-notice {
    position: fixed;
    z-index: 2000;
    right: 1rem;
    bottom: 1rem;
    display: grid;
    width: min(460px, calc(100% - 2rem));
    padding: 1rem 1.1rem;
    color: #f7fbfd;
    border: 1px solid rgb(242 207 122 / 0.45);
    border-radius: 16px;
    gap: 0.35rem;
    background: rgb(6 29 43 / 0.97);
    box-shadow: 0 22px 60px rgb(0 0 0 / 0.35);
}

.local-server-notice strong { color: #f2cf7a; }
.local-server-notice span { font-size: 0.9rem; }
.local-server-notice button {
    justify-self: start;
    margin-top: 0.35rem;
    padding: 0.35rem 0.75rem;
    color: #071d2d;
    border: 0;
    border-radius: 999px;
    background: #f2cf7a;
    font-weight: 750;
}

::selection { color: #071d2d; background: #f2cf7a; }

/* Host ve Partner açıklamaları: yüksek kontrastlı, kolay okunur yüzeyler. */
body:not([data-page="home"]) main > section.membership-guide,
body:not([data-page="home"]) .membership-guide {
    color: #183746;
    border: 1px solid #d3e0e3;
    background: linear-gradient(145deg, #fffefb, #f4f8f8);
    box-shadow: 0 28px 70px rgb(7 29 45 / 0.22);
    backdrop-filter: none;
}

body:not([data-page="home"]) .membership-guide__heading {
    max-width: 900px;
}

body:not([data-page="home"]) .membership-guide__heading h1,
body:not([data-page="home"]) .membership-guide__heading h2 {
    color: #071d2d;
    font-size: clamp(2rem, 4vw, 3.25rem);
    line-height: 1.12;
}

body:not([data-page="home"]) .membership-guide__heading p {
    color: #385766;
    font-size: clamp(1.02rem, 1.5vw, 1.18rem);
    line-height: 1.75;
}

body:not([data-page="home"]) .membership-guide__eyebrow,
body:not([data-page="home"]) .membership-card__label {
    color: #946411;
}

body:not([data-page="home"]) .membership-card {
    color: #183746;
    border: 1px solid #cddcdf;
    background: #ffffff;
    box-shadow: 0 12px 30px rgb(7 29 45 / 0.09);
}

body:not([data-page="home"]) .membership-card h2,
body:not([data-page="home"]) .membership-card h3 {
    color: #08394a;
    line-height: 1.25;
}

body:not([data-page="home"]) .membership-card h2 {
    font-size: clamp(1.55rem, 2.5vw, 2.15rem);
}

body:not([data-page="home"]) .membership-card h3 {
    margin-top: 1.25rem;
    font-size: 1.12rem;
}

body:not([data-page="home"]) .membership-card p,
body:not([data-page="home"]) .membership-card li {
    color: #3d5966;
    font-size: 1rem;
    line-height: 1.72;
}

body:not([data-page="home"]) .membership-card li::marker {
    color: #b77c18;
}

body:not([data-page="home"]) .membership-card__note {
    color: #263f4a;
    border-left-color: #c8912f;
    background: #fff4d9;
}

body:not([data-page="home"]) .membership-steps span {
    color: #f6fafc;
    border: 1px solid rgb(216 173 82 / 0.25);
    background: #0a3448;
    font-weight: 650;
    line-height: 1.45;
}

@media (max-width: 760px) {
    body:not([data-page="home"]) .membership-guide {
        width: min(100% - 1rem, 1180px);
        padding: 1.25rem;
        border-radius: 20px;
    }

    body:not([data-page="home"]) .membership-card {
        padding: 1.25rem;
    }
}