/* محايد — رمال هادئة: بيج رملي دافئ + ذهبي خفيف (الافتراضي) */
/* يناسب الصالونات الرجالية والنسائية معا بهوية هادئة وفاخرة */
body.theme-neutral_sand {
    --ink: #4a4238;
    --teal: #b8955c;
    --surface: #faf6ef;
    --mist: #efe7d8;
    --sand: #e2d5c0;
    --panel: #fffdf8;
    --page-grad:
        radial-gradient(ellipse 80% 48% at 0% 0%, rgba(184,149,92,.12), transparent 58%),
        radial-gradient(ellipse 55% 40% at 100% 90%, rgba(74,66,56,.08), transparent 50%),
        linear-gradient(168deg, #faf6ef 0%, #f3ecdd 55%, #e9ddc8 100%);
    --section-bg: #f6f0e3;
    --section-tint-bg: #efe4d1;
    --section-panel-bg: #fffdf8;
    --offers-grad: linear-gradient(135deg, #4a4238, #6e6152 45%, #b8955c);
    --font-display: "Cairo", sans-serif;
}

body.theme-neutral_sand .site-header {
    background: color-mix(in srgb, #fffdf8 90%, var(--mist));
    border-bottom-color: color-mix(in srgb, var(--teal) 16%, transparent);
}

body.theme-neutral_sand .service-card,
body.theme-neutral_sand .why-item,
body.theme-neutral_sand .sector-card {
    border-radius: 1rem;
    border: 1px solid color-mix(in srgb, var(--teal) 22%, transparent);
    box-shadow: 0 10px 26px rgba(74,66,56,.08);
    background: var(--panel);
}

body.theme-neutral_sand .btn,
body.theme-neutral_sand .btn-ghost,
body.theme-neutral_sand .nav-cta,
body.theme-neutral_sand .btn-primary {
    border-radius: 999px;
    background: var(--ink);
    border-color: var(--ink);
}

body.theme-neutral_sand .btn-primary:hover,
body.theme-neutral_sand .nav-cta:hover {
    background: color-mix(in srgb, var(--ink) 88%, var(--teal));
}

body.theme-neutral_sand .btn-primary {
    color: #faf6ef;
}

body.theme-neutral_sand .tile-cat {
    background: color-mix(in srgb, var(--teal) 16%, white);
    color: var(--ink);
    border-radius: 999px;
}

body.theme-neutral_sand .salon-slider__content h1 {
    font-weight: 700;
    letter-spacing: .01em;
}

body.theme-neutral_sand .salon-slider__slide.is-active::after {
    background: linear-gradient(
        90deg,
        color-mix(in srgb, #4a4238 50%, transparent) 0%,
        color-mix(in srgb, #4a4238 16%, transparent) 55%,
        transparent 100%
    );
}

body.theme-neutral_sand .nav-submenu {
    border-radius: .85rem;
    background: #fffdf8;
}
