/* Dark first screen and projects, light from "Kurz zu mir" on (21.10.): warm paper, dark ink. The photo
   sections (first screen, project pictures, city chapters) stay as they are. */
.bp.is-g-head.is-light { --g-paper: #f3f1ec; --g-ink: #141414; --g-soft: #3d3d3b; --g-grey: #77756f; --g-rule: #d9d6cf;
  background: var(--g-paper); color: var(--g-ink); }
.is-light :is(.g-about, .g-serv, .g-contact, .g-foot) { background: var(--g-paper); }
/* The page stays black under the first screen and the projects. */
.bp.is-g-head.is-light.is-mix { background: #000; }

/* Header and menu */
.is-light.g-scrolled:not(.g-dark-zone) .g-head { background: rgb(243 241 236 / .82); color: var(--g-ink); }
.is-light .g-menu { background: var(--g-paper); color: var(--g-ink); }
.is-light.g-menu-open .g-head { color: var(--g-ink); mix-blend-mode: normal; }
.is-light .g-menu li { border-top-color: var(--g-rule); }

/* Project column on the right */

/* Text sections */
.is-light :is(.g-about, .g-serv, .g-book, .g-foot) { border-top-color: var(--g-rule); }
.is-light :is(.g-about-t, .g-serv-t, .g-contact-t, .g-book-t, .g-book-pick, .g-serv-l dt, .g-foot-big) { color: var(--g-ink); }
.is-light :is(.g-about-p, .g-serv-p, .g-contact-p, .g-serv-l dd, .g-book-sub) { color: var(--g-soft); }
.is-light :is(.g-stations, .g-stations li, .g-serv-l, .g-serv-l > div, .g-serv-l > div + div) { border-color: var(--g-rule); }
.is-light .g-steps::before { background: var(--g-rule); }
.is-light .g-steps::after { background: var(--g-ink); }
.is-light .g-steps li { color: #a5a29b; }
.is-light .g-steps li.is-on { color: var(--g-ink); }
.is-light .g-steps-dot { background: var(--g-paper); border-color: #b9b6ae; }
.is-light .g-steps li.is-on .g-steps-dot { background: var(--g-ink); border-color: var(--g-ink); }
.is-light .g-steps p { color: #8a8780; }
.is-light .g-steps li.is-on p { color: var(--g-soft); }

/* Form and booking */
.is-light :is(.g-form, .g-book-form) :is(input, textarea) { color: var(--g-ink); border-bottom-color: #c9c5bc; }
.is-light :is(.g-form, .g-book-form) :is(input, textarea):focus { border-color: var(--g-ink); }
.bp.is-g-head.is-light :is(.g-form, .g-book-form) button { background: var(--g-ink); border-color: var(--g-ink); color: var(--g-paper); }
.bp.is-g-head.is-light .g-form button:hover { background: none; color: var(--g-ink); }
.bp.is-g-head.is-light :is(.g-book-prev, .g-book-next) { color: var(--g-grey); }
.bp.is-g-head.is-light .g-book-days button { color: var(--g-soft); }
.bp.is-g-head.is-light .g-book-days button:hover, .bp.is-g-head.is-light .g-book-days button[aria-checked="true"] { color: var(--g-ink); border-bottom-color: var(--g-ink); }
.bp.is-g-head.is-light .g-book-slots button { color: var(--g-soft); }
.bp.is-g-head.is-light .g-book-slots button:hover { color: var(--g-ink); }
.bp.is-g-head.is-light .g-book-slots button[aria-checked="true"] { background: var(--g-ink); color: var(--g-paper); }
.is-light :is(.g-form-done, .g-book-status).is-bad { color: #b23a2b; }

@container bp (max-width: 767px) {
  .bp.is-g-head.is-light .g-kicker { color: var(--g-soft); border-top-color: var(--g-rule); }
  .bp.is-g-head.is-light .g-chap .g-kicker { color: #fff; border-top-color: rgb(255 255 255 / .35); }
  .bp.is-g-head.is-light.is-mix .g-index-phone-h .g-kicker { color: #e0dfdf; border-top-color: #3a3a3a; }
}