/* ============================================================
   IMPASTO — cinematic pages, light mode
   Scoped via html[data-theme="light"]
   ============================================================ */

html[data-theme="light"] {
    color-scheme: light;

    --sc-ink: #faf7f2;
    --sc-ink-2: #f3ede4;
    --sc-espresso: #2a1c13;
    --sc-olive: #4a5f46;
    --sc-olive-deep: #e8efe6;
    --sc-cream: #2a1c13;
    --sc-cream-dim: rgba(42, 28, 19, 0.72);
    --sc-gold: #8c6239;
    --sc-gold-dim: rgba(140, 98, 57, 0.28);
}

/* ── Shared atmosphere & chrome (all sc-body pages) ─────── */
html[data-theme="light"] body.sc-body .sc-atmos {
    background:
        radial-gradient(120% 80% at 78% 6%, rgba(197, 88, 39, 0.1) 0%, rgba(197, 88, 39, 0) 55%),
        radial-gradient(90% 70% at 10% 84%, rgba(74, 95, 70, 0.12) 0%, rgba(74, 95, 70, 0) 60%),
        linear-gradient(178deg, #faf7f2 0%, #f5efe6 38%, #f3ece2 70%, #faf7f2 100%);
}

html[data-theme="light"] body.sc-body #header.sc-header::before {
    background: linear-gradient(180deg, rgba(250, 247, 242, 0.92) 0%, rgba(250, 247, 242, 0.55) 46%, rgba(250, 247, 242, 0) 100%);
}

html[data-theme="light"] body.sc-body #header.sc-header .custom-logo {
    filter: drop-shadow(0 4px 14px rgba(42, 28, 19, 0.12));
}

html[data-theme="light"] body.sc-body .theme-toggle {
    border-color: rgba(140, 98, 57, 0.32);
    background: rgba(255, 255, 255, 0.72);
    color: rgba(42, 28, 19, 0.78);
}

html[data-theme="light"] body.sc-body .theme-toggle:hover {
    border-color: rgba(140, 98, 57, 0.55);
    background: rgba(255, 255, 255, 0.92);
    color: var(--sc-terra);
}

html[data-theme="light"] body.sc-body .lang-switcher {
    border-color: rgba(140, 98, 57, 0.32);
    background: rgba(255, 255, 255, 0.72);
}

html[data-theme="light"] body.sc-body .lang-switcher .lang-btn {
    color: rgba(42, 28, 19, 0.62);
}

html[data-theme="light"] body.sc-body .lang-switcher .lang-btn:hover:not(.is-active) {
    background: rgba(140, 98, 57, 0.1);
    color: var(--sc-espresso);
}

html[data-theme="light"] body.sc-body #openNav .sc-toggle__ring {
    border-color: rgba(140, 98, 57, 0.32);
    background: rgba(255, 255, 255, 0.72);
}

html[data-theme="light"] body.sc-body #openNav .line {
    background: rgba(42, 28, 19, 0.82);
}

html[data-theme="light"] body.sc-body #openNav[aria-expanded="true"] .line {
    background: var(--sc-terra);
}

/* Hero (video stays; scrim lightens for contrast) */
html[data-theme="light"] body.sc-body .sc-hero__scrim {
    background:
        radial-gradient(120% 90% at 50% 40%, rgba(250, 247, 242, 0.08) 0%, rgba(42, 28, 19, 0.52) 62%, rgba(42, 28, 19, 0.78) 100%),
        linear-gradient(180deg, rgba(42, 28, 19, 0.45) 0%, rgba(42, 28, 19, 0.28) 35%, rgba(42, 28, 19, 0.72) 100%);
}

html[data-theme="light"] body.sc-body .sc-hero__word {
    color: #faf7f2;
    background-image: linear-gradient(180deg, #ffffff 0%, #faf6ee 34%, #f4efe6 68%, #ebe3d4 100%);
    filter:
        drop-shadow(0 1px 0 rgba(255, 255, 255, 0.5))
        drop-shadow(0 0 18px rgba(244, 239, 230, 0.22))
        drop-shadow(0 14px 32px rgba(0, 0, 0, 0.45));
}

html[data-theme="light"] body.sc-body .sc-hero__lede {
    color: rgba(244, 239, 230, 0.92);
}

html[data-theme="light"] body.sc-body .sc-cue {
    color: rgba(244, 239, 230, 0.72);
}

html[data-theme="light"] body.sc-body .sc-hero .sc-btn--ghost {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(244, 239, 230, 0.55);
    color: rgba(255, 255, 255, 0.95);
}

html[data-theme="light"] body.sc-body .sc-hero .sc-btn--ghost:hover {
    background: rgba(255, 255, 255, 0.24);
    color: #fff;
}

html[data-theme="light"] body.sc-body .hc-ticker {
    border-block-color: rgba(140, 98, 57, 0.18);
    background: rgba(255, 255, 255, 0.55);
}

html[data-theme="light"] body.sc-body .hc-ticker span {
    color: rgba(140, 98, 57, 0.82);
}

html[data-theme="light"] body.sc-body .hc-title {
    color: #2a1c13;
}

html[data-theme="light"] body.sc-body .hc-text {
    color: rgba(42, 28, 19, 0.78);
}

html[data-theme="light"] body.sc-body .sc-btn--ghost {
    border-color: rgba(140, 98, 57, 0.42);
    color: rgba(42, 28, 19, 0.88);
}

html[data-theme="light"] body.sc-body .sc-btn--ghost:hover {
    background: rgba(140, 98, 57, 0.1);
    color: var(--sc-espresso);
}

html[data-theme="light"] body.sc-body .sc-footer {
    border-top-color: rgba(140, 98, 57, 0.16);
    background: rgba(255, 255, 255, 0.72);
}

html[data-theme="light"] body.sc-body .sc-footer__nav a {
    color: rgba(42, 28, 19, 0.72);
}

html[data-theme="light"] body.sc-body .sc-kicker {
    color: var(--sc-terra);
}

html[data-theme="light"] body.sc-body .sc-kicker::before,
html[data-theme="light"] body.sc-body .sc-kicker::after {
    background: linear-gradient(90deg, transparent, var(--sc-gold-dim), transparent);
}

/* Side nav drawer */
html[data-theme="light"] body.sc-body .sc-nav__scrim {
    background:
        radial-gradient(120% 90% at 22% 40%, rgba(250, 247, 242, 0.72) 0%, rgba(243, 237, 228, 0.88) 62%, rgba(240, 232, 220, 0.95) 100%);
    backdrop-filter: blur(10px) saturate(1.05);
    -webkit-backdrop-filter: blur(10px) saturate(1.05);
}

html[data-theme="light"] body.sc-body .sc-nav__panel {
    background-color: #faf7f2;
    box-shadow: 0 0 80px rgba(42, 28, 19, 0.14);
}

html[data-theme="light"] body.sc-body .sc-nav__panel::before {
    filter: blur(3px) saturate(0.55) brightness(0.72) contrast(1.02);
}

html[data-theme="light"] body.sc-body .sc-nav__vignette {
    background:
        linear-gradient(180deg, rgba(250, 247, 242, 0.94) 0%, rgba(250, 247, 242, 0.82) 40%, rgba(250, 247, 242, 0.94) 100%),
        radial-gradient(120% 52% at 100% 0%, rgba(197, 88, 39, 0.12) 0%, rgba(197, 88, 39, 0) 62%),
        radial-gradient(95% 55% at 0% 100%, rgba(74, 95, 70, 0.14) 0%, rgba(74, 95, 70, 0) 68%);
}

html[data-theme="light"] body.sc-body .sc-nav__grain {
    opacity: 0.06;
}

html[data-theme="light"] body.sc-body .sc-nav__watermark {
    color: rgba(140, 98, 57, 0.1);
}

html[data-theme="light"] body.sc-body .sc-nav__eyebrow {
    color: rgba(140, 98, 57, 0.82);
}

html[data-theme="light"] body.sc-body .sc-nav__link {
    color: rgba(42, 28, 19, 0.88);
}

html[data-theme="light"] body.sc-body .sc-nav__link:hover,
html[data-theme="light"] body.sc-body .sc-nav__link.is-current {
    color: var(--sc-terra);
}

html[data-theme="light"] body.sc-body .sc-nav__num {
    color: rgba(140, 98, 57, 0.42);
}

html[data-theme="light"] body.sc-body .sc-nav__address,
html[data-theme="light"] body.sc-body .sc-nav__contact a {
    color: rgba(42, 28, 19, 0.72);
}

html[data-theme="light"] body.sc-body .sc-nav__contact a:hover {
    color: var(--sc-terra);
}

/* Theme toggle control */
body.sc-body .theme-toggle {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: clamp(44px, 4vw, 52px);
    height: clamp(44px, 4vw, 52px);
    margin-inline: 0;
    padding: 0;
    border: 1px solid rgba(216, 185, 106, 0.3);
    border-radius: 999px;
    background: rgba(10, 7, 5, 0.4);
    backdrop-filter: blur(10px) saturate(0.9);
    -webkit-backdrop-filter: blur(10px) saturate(0.9);
    color: rgba(244, 239, 230, 0.82);
    cursor: pointer;
    transition: border-color 0.5s var(--sc-ease), background 0.5s var(--sc-ease), color 0.4s ease, transform 0.4s var(--sc-ease);
}

body.sc-body .theme-toggle:hover {
    border-color: rgba(216, 185, 106, 0.55);
    color: #fff;
    transform: translateY(-1px);
}

body.sc-body .theme-toggle:focus-visible {
    outline: 1px solid rgba(216, 185, 106, 0.8);
    outline-offset: 4px;
}

body.sc-body .theme-toggle i {
    font-size: 1rem;
    line-height: 1;
}

body.sc-body .theme-toggle .fa-sun {
    display: none;
}

html[data-theme="light"] body.sc-body .theme-toggle .fa-moon {
    display: none;
}

html[data-theme="light"] body.sc-body .theme-toggle .fa-sun {
    display: inline-block;
}

/* ── Homepage-only ─────────────────────────────────────── */
html[data-theme="light"] body[data-page="home"] .hc-intro {
    background: #faf7f2;
}

html[data-theme="light"] body[data-page="home"] .hc-intro__bar {
    background: #f0e8dc;
}

html[data-theme="light"] body[data-page="home"] .hc-intro__glow {
    background:
        radial-gradient(circle, rgba(197, 88, 39, 0.22) 0%, rgba(216, 185, 106, 0.1) 38%, rgba(250, 247, 242, 0) 70%);
}

html[data-theme="light"] body[data-page="home"] .hc-intro__place {
    color: rgba(140, 98, 57, 0.88);
}

html[data-theme="light"] body[data-page="home"] .hc-about__stills figure {
    border-color: rgba(140, 98, 57, 0.22);
    box-shadow: 0 20px 44px rgba(42, 28, 19, 0.12);
}

html[data-theme="light"] body[data-page="home"] .hc-about__stills img {
    filter: saturate(0.96) brightness(1);
}

html[data-theme="light"] body[data-page="home"] .hc-poster__frame {
    border-color: rgba(140, 98, 57, 0.2);
    background: #f0e8dc;
}

html[data-theme="light"] body[data-page="home"] .hc-poster img {
    filter: saturate(0.98) brightness(1);
}

html[data-theme="light"] body[data-page="home"] .hc-poster__name {
    color: var(--sc-espresso);
}

html[data-theme="light"] body[data-page="home"] .hc-poster__tag {
    color: rgba(140, 98, 57, 0.78);
}

html[data-theme="light"] body[data-page="home"] .hc-scene__scrim,
html[data-theme="light"] body[data-page="home"] .hc-scene--end .hc-scene__scrim,
html[dir="ltr"][data-theme="light"] body[data-page="home"] .hc-scene__scrim,
html[dir="ltr"][data-theme="light"] body[data-page="home"] .hc-scene--end .hc-scene__scrim {
    background:
        linear-gradient(to left, rgba(42, 28, 19, 0.12) 0%, rgba(42, 28, 19, 0.58) 52%, rgba(42, 28, 19, 0.82) 100%);
}

html[data-theme="light"] body[data-page="home"] .hc-scene .hc-title,
html[data-theme="light"] body[data-page="home"] .hc-scene .hc-kicker {
    color: #f4efe6;
}

html[data-theme="light"] body[data-page="home"] .hc-scene .hc-text {
    color: rgba(244, 239, 230, 0.9);
}

html[data-theme="light"] body[data-page="home"] .hc-ig__handle {
    color: rgba(140, 98, 57, 0.82);
}

html[data-theme="light"] body[data-page="home"] .hc-ig__grid a {
    border-color: rgba(140, 98, 57, 0.18);
}

html[data-theme="light"] body[data-page="home"] .hc-ig__grid img {
    filter: saturate(0.98) brightness(1);
}

/* ── Story page ────────────────────────────────────────── */
html[data-theme="light"] body[data-page="story"] .sc-card__bg {
    border-color: rgba(140, 98, 57, 0.22);
    background:
        linear-gradient(145deg, rgba(255, 252, 247, 0.96) 0%, rgba(245, 238, 228, 0.94) 48%, rgba(232, 239, 230, 0.92) 100%);
    box-shadow:
        0 44px 90px rgba(42, 28, 19, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

html[data-theme="light"] body[data-page="story"] .sc-veil {
    background: radial-gradient(80% 60% at 50% 50%, rgba(250, 247, 242, 0.35) 0%, rgba(243, 237, 228, 0.62) 70%, rgba(240, 232, 220, 0.82) 100%);
}

html[data-theme="light"] body[data-page="story"] .sc-copy__label {
    color: rgba(140, 98, 57, 0.82);
}

html[data-theme="light"] body[data-page="story"] .sc-title {
    color: var(--sc-espresso);
    text-shadow: none;
}

html[data-theme="light"] body[data-page="story"] .sc-summary {
    color: rgba(42, 28, 19, 0.78);
}

html[data-theme="light"] body[data-page="story"] .sc-outro {
    background: rgba(255, 255, 255, 0.55);
    border-top-color: rgba(140, 98, 57, 0.16);
}

html[data-theme="light"] body[data-page="story"] .sc-rail a {
    color: rgba(42, 28, 19, 0.62);
}

html[data-theme="light"] body[data-page="story"] .sc-rail a.is-active {
    color: var(--sc-terra);
}

/* ── Menu page ─────────────────────────────────────────── */
html[data-theme="light"] body[data-page="menu"] .mc-bg {
    background: #faf7f2;
}

html[data-theme="light"] body[data-page="menu"] .mc-bg__veil {
    background:
        linear-gradient(180deg, rgba(250, 247, 242, 0.72) 0%, rgba(245, 239, 230, 0.55) 40%, rgba(250, 247, 242, 0.82) 100%),
        radial-gradient(80% 60% at 50% 20%, rgba(197, 88, 39, 0.08) 0%, transparent 70%);
}

html[data-theme="light"] body[data-page="menu"] .menu-nav-stack {
    background: rgba(255, 255, 255, 0.88);
    border-color: rgba(140, 98, 57, 0.18);
    box-shadow: 0 8px 32px rgba(42, 28, 19, 0.08);
}

html[data-theme="light"] body[data-page="menu"] .menu-cat-btn {
    background: rgba(255, 255, 255, 0.72) !important;
    border-color: rgba(140, 98, 57, 0.22) !important;
    color: rgba(42, 28, 19, 0.82) !important;
}

html[data-theme="light"] body[data-page="menu"] .menu-cat-btn.active,
html[data-theme="light"] body[data-page="menu"] .menu-cat-btn:hover {
    background: linear-gradient(160deg, rgba(197, 88, 39, 0.95), rgba(168, 70, 31, 0.92)) !important;
    border-color: rgba(140, 98, 57, 0.45) !important;
    color: #fff !important;
}

html[data-theme="light"] body.sc-body[data-page="menu"] .preorder-section .menu-sub-btn,
html[data-theme="light"] body[data-page="menu"] .menu-sub-btn {
    background: rgba(255, 255, 255, 0.65) !important;
    border-color: rgba(140, 98, 57, 0.2) !important;
    color: #000 !important;
}

html[data-theme="light"] body.sc-body[data-page="menu"] .preorder-section .menu-sub-btn.active,
html[data-theme="light"] body[data-page="menu"] .menu-sub-btn.active {
    background: rgba(140, 98, 57, 0.14) !important;
    border-color: rgba(140, 98, 57, 0.35) !important;
    color: #000 !important;
}

html[data-theme="light"] body[data-page="menu"] .menu-item-card {
    background: rgba(255, 255, 255, 0.78) !important;
    border-color: rgba(140, 98, 57, 0.18) !important;
}

html[data-theme="light"] body[data-page="menu"] .menu-item-info h5 {
    color: rgba(42, 28, 19, 0.88) !important;
}

html[data-theme="light"] body[data-page="menu"] .menu-item-info .price {
    color: var(--sc-terra) !important;
}

html[data-theme="light"] body[data-page="menu"] .menu-item-controls {
    background: rgba(140, 98, 57, 0.08) !important;
}

/* Light theme: description popup inside booking drawer */
html[data-theme="light"] .menu-item-detail-panel {
    background: rgba(255, 255, 255, 0.98);
}

html[data-theme="light"] .menu-item-detail-body h3 {
    color: rgba(42, 28, 19, 0.92);
}

html[data-theme="light"] .menu-item-detail-body p {
    color: rgba(42, 28, 19, 0.72);
}

html[data-theme="light"] body[data-page="menu"] .menu-item-detail-panel {
    background: rgba(255, 255, 255, 0.98);
    border-color: rgba(140, 98, 57, 0.16);
}

html[data-theme="light"] body[data-page="menu"] .menu-item-detail-body h3 {
    color: rgba(42, 28, 19, 0.92);
}

html[data-theme="light"] body[data-page="menu"] .menu-item-detail-body p {
    color: rgba(42, 28, 19, 0.72);
}

html[data-theme="light"] body[data-page="menu"] .menu-item-detail-price {
    color: var(--sc-terra);
}

html[data-theme="light"] body[data-page="menu"] .menu-item-detail-close {
    background: rgba(140, 98, 57, 0.1);
    color: rgba(42, 28, 19, 0.8);
}

html[data-theme="light"] body[data-page="menu"] .qty-val {
    color: var(--sc-espresso) !important;
}

html[data-theme="light"] body.sc-body .preorder-summary {
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(140, 98, 57, 0.2);
    color: rgba(42, 28, 19, 0.88);
}

html[data-theme="light"] body.sc-body .preorder-summary strong {
    color: var(--sc-espresso);
}

/* ── Contact page ──────────────────────────────────────── */
html[data-theme="light"] body[data-page="contact"] .cc-card {
    background: rgba(255, 255, 255, 0.72);
    border-color: rgba(140, 98, 57, 0.22);
}

html[data-theme="light"] body[data-page="contact"] .cc-card:hover {
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(140, 98, 57, 0.35);
}

html[data-theme="light"] body[data-page="contact"] .cc-card__label {
    color: rgba(140, 98, 57, 0.82);
}

html[data-theme="light"] body[data-page="contact"] .cc-card__value {
    color: var(--sc-espresso);
}

html[data-theme="light"] body[data-page="contact"] .cc-hours {
    color: rgba(42, 28, 19, 0.78);
}

html[data-theme="light"] body[data-page="contact"] .cc-hours strong {
    color: var(--sc-espresso);
}

html[data-theme="light"] body[data-page="contact"] .cc-map__copy {
    background: #faf7f2;
}

html[data-theme="light"] body[data-page="contact"] .cc-stage-visual__caption {
    color: rgba(42, 28, 19, 0.72);
}