/* Helles Design — aktiv über html[data-theme="light"] */

/* Farben und Flächen */
html[data-theme="light"] {
  --logo-text-on-hero: var(--azure-deep);
  --logo-text-in-header: #e5f0ff;
  --logo-cursor-in-header: var(--accent);
  --logo-cursor-on-hero: var(--accent-fine);
  --logo-edge-stop: -30%;
  --logo-edge-band: 12%;
  --logo-gradient-height: 2.5rem;
  --azure: #1d4ed8;
  --azure-mid: #1e40af;
  --azure-deep: #0f2744;
  --surface-glass: rgba(255, 255, 255, 0.72);
  --surface-glass-border: rgba(37, 99, 235, 0.22);
  --text-on-dark: #0f172a;
  --text-muted: #475569;
  --shadow-glass: 0 8px 28px rgba(37, 99, 235, 0.12);
  --tile-azur-border-hover: rgba(37, 99, 235, 0.45);
  --tile-glass-border: rgba(37, 99, 235, 0.28);
  --tile-glass-shadow:
    0 14px 44px rgba(2, 6, 18, 0.5),
    0 0 24px rgba(37, 99, 235, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    inset 0 0 0 1px rgba(37, 99, 235, 0.08),
    inset 0 0 32px rgba(37, 99, 235, 0.12);
  --tile-glass-shadow-hover:
    0 14px 40px rgba(15, 23, 42, 0.14),
    0 0 28px rgba(37, 99, 235, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    inset 0 0 0 1px rgba(37, 99, 235, 0.08),
    inset 0 0 32px rgba(37, 99, 235, 0.14);
  --tile-glass-blur: blur(15px) saturate(140%);
  --tile-azur-glow-hover: var(--tile-glass-shadow-hover);
  --surface-kachel: rgba(255, 255, 255, 0.82);
  --surface-kachel-fallback: #f4f8ff;
  --surface-kachel-deep: rgba(255, 255, 255, 0.94);
  --surface-kachel-toggle: color-mix(in srgb, #e8f0ff 75%, #ffffff 25%);
  --surface-kachel-muted: rgba(241, 246, 255, 0.9);
  --surface-kachel-input: #ffffff;
  --surface-kachel-panel: rgba(255, 255, 255, 0.88);
  --surface-kachel-icon: rgba(232, 240, 255, 0.95);
  --surface-console-outer: rgba(248, 251, 255, 0.98);
  --surface-console-inner: #f8fbff;
  --surface-console-showroom: rgba(241, 246, 255, 0.96);
  --surface-console-sidebar: #eef4ff;
  --surface-console-foot: rgba(241, 246, 255, 0.94);
  --surface-console-stage: #ffffff;
  --surface-showroom-hint: rgba(241, 246, 255, 0.75);
  --surface-showroom-hint-dense: rgba(226, 236, 255, 0.92);
  --bg-grid-line: rgba(37, 99, 235, 0.09);
  --bg-grid-line-on-light: rgba(37, 99, 235, 0.11);
  --bg-deep: #e4edfc;
  --bg-base: #eef3fc;
  --bg-vignette-mask: radial-gradient(
    ellipse 90% 80% at 50% 40%,
    rgba(255, 255, 255, 0.15) 0%,
    rgba(255, 255, 255, 0.55) 55%,
    rgba(255, 255, 255, 0.85) 100%
  );
  --bg-vignette-mask-grid: radial-gradient(
    ellipse 88% 82% at 50% 48%,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.65) 60%,
    rgba(255, 255, 255, 0.9) 100%
  );
  --scroll-restore-bg: #eef3fc;
  --header-bg: rgba(10, 24, 56, 0.6);
  --header-bg-mobile: rgba(10, 24, 56, 0.98);
  --header-border: rgba(10, 24, 56, 0.48);
  --header-theme-divider: rgba(255, 255, 255, 0.14);
  --mobile-nav-bg: rgba(10, 24, 56, 0.96);
  --mobile-nav-border: rgba(255, 255, 255, 0.2);
  --mobile-nav-divider: rgba(255, 255, 255, 0.14);
  --mobile-nav-hover: rgba(255, 255, 255, 0.1);
  --nav-cursor-accent: rgba(245, 211, 0, 0.88);
  --segment-bg-color: #e8f0ff;
  --segment-bg-gradient: radial-gradient(
      ellipse 95% 70% at 50% -8%,
      rgba(59, 130, 246, 0.14) 0%,
      transparent 58%
    ),
    radial-gradient(ellipse 80% 50% at 50% 100%, rgba(37, 99, 235, 0.08) 0%, transparent 45%),
    linear-gradient(180deg, #f0f6ff 0%, #e8f0ff 42%, #dce8ff 100%);
  --segment-grid-line: rgba(37, 99, 235, 0.1);
  --hero-lead-color: #334155;
  --path-flow-particle-core: rgba(79, 141, 255, 0.38);
  --path-flow-particle-opacity: 0.34;
  --path-flow-trail-head: rgba(79, 141, 255, 0.36);
  --path-flow-trail-end: rgba(79, 141, 255, 0);
  --hero-code-surface-snippet: color-mix(in srgb, var(--azure-mid) 50%, transparent);
  --hero-code-surface-snippet-glow: color-mix(in srgb, var(--azure-mid) 25%, transparent);
  --footer-bg: #3c4556;
  --footer-link: var(--accent);
  --footer-link-hover: var(--accent-bright);
  --footer-link-muted: rgba(196, 218, 248, 0.94);
  --footer-link-admin: var(--accent-fine);
  --footer-link-admin-hover: var(--accent-fine-deep);
  --footer-link-line: rgba(245, 211, 0, 0.38);
  --footer-link-line-strong: rgba(245, 211, 0, 0.68);
  --footer-link-line-hover: rgba(255, 233, 77, 0.85);
  --footer-cursor-hover: var(--accent);
  --text-section-headline: var(--azure-deep);
  --text-section-headline-shadow: none;
  --segment-clock-on: var(--text-section-headline);
  --segment-clock-off: rgba(186, 198, 214, 0.5);
  --segment-clock-frame-bg: rgba(232, 240, 255, 0.62);
  --segment-clock-frame-border: rgba(37, 99, 235, 0.24);
  --segment-clock-cell-off-opacity: 0.7;
  --segment-clock-cell-on-opacity: 1;
  --accent-fine: #f2c133;
  --accent-fine-deep: #c29a22;
  --code-surface-snippet: color-mix(in srgb, var(--azure-mid) 38%, transparent);
  --code-surface-snippet-glow: color-mix(in srgb, var(--azure-mid) 19%, transparent);
  --text-section-sub: #475569;
  --text-section-sub-mono: #64748b;
  --text-section-intro: #334155;
  --text-tile-title: #0f172a;
  --text-tile-body: #475569;
  --text-contact-title: #0f172a;
  --text-contact-lead: #475569;
  --contact-wa-link: #16a34a;
  --contact-wa-link-hover: #15803d;
  --terminal-bg: #f1f6ff;
  --main-segment-border: rgba(37, 99, 235, 0.22);
  --main-segment-shadow: 0 -1px 0 rgba(37, 99, 235, 0.1);
  --viewport-chrome-corner-color: #f2c133;
  --viewport-chrome-corner-opacity: 1;
  --surface-tech-gradient: radial-gradient(
      ellipse 115% 72% at 50% -6%,
      rgba(59, 130, 246, 0.2) 0%,
      rgba(59, 130, 246, 0) 56%
    ),
    radial-gradient(circle at 80% 110%, rgba(148, 163, 184, 0.25) 0, transparent 60%),
    linear-gradient(180deg, #eef4ff 0%, #e8f0ff 48%, #dce8ff 100%);
}

/* Hero */
html[data-theme="light"] .hero.code-surface::before {
  background-image:
    radial-gradient(ellipse 115% 72% at 50% -6%, rgba(59, 130, 246, 0.22) 0%, rgba(59, 130, 246, 0) 56%),
    radial-gradient(circle at 80% 110%, rgba(148, 163, 184, 0.2) 0, transparent 60%),
    linear-gradient(
      180deg,
      rgba(238, 244, 255, 0.86) 0%,
      rgba(232, 240, 252, 0.83) 40%,
      rgba(226, 236, 250, 0.82) 70%,
      rgba(220, 232, 255, 0.84) 100%
    );
}

html[data-theme="light"] .hero .code-surface__code-bg span {
  color: var(--hero-code-surface-snippet);
  text-shadow: 0 0 28px var(--hero-code-surface-snippet-glow);
}

/* Header, Navigation und Uhr */
html[data-theme="light"] .site-header {
  --text-on-dark: #e5f0ff;
  --text-muted: rgba(148, 163, 184, 0.9);
  background: rgba(10, 24, 56, 0.48);
  backdrop-filter: blur(14px) saturate(1.12) brightness(0.48);
  -webkit-backdrop-filter: blur(14px) saturate(1.12) brightness(0.48);
}

html[data-theme="light"] .site-header .site-nav a {
  color: rgba(196, 218, 248, 0.94);
}

html[data-theme="light"] .site-header .site-nav a .headline-bracket,
html[data-theme="light"] .site-mobile-nav__panel a .headline-bracket {
  color: inherit;
}

html[data-theme="light"] .site-header .site-nav a:hover,
html[data-theme="light"] .site-header .site-nav a:focus-visible,
html[data-theme="light"] .site-mobile-nav__panel a:hover,
html[data-theme="light"] .site-mobile-nav__panel a:focus-visible {
  color: var(--accent);
}

html[data-theme="light"] .site-header .site-theme-toggle .site-theme-toggle__title,
html[data-theme="light"] .site-header .site-theme-toggle .site-theme-toggle__mode-icon,
html[data-theme="light"] .site-header .site-theme-toggle .admin-toggle__label--off {
  color: rgba(196, 218, 248, 0.94);
}

html[data-theme="light"] .site-header .site-theme-toggle .admin-toggle__label--on {
  color: var(--accent);
}

html[data-theme="light"] .page-content-chrome__corners .viewport-chrome-corners__corner {
  border-color: #f2c133;
  opacity: 1;
}

/* Logo */
html[data-theme="light"] .site-logo__typing {
  color: transparent;
  text-shadow: none;
}

html[data-theme="light"] .site-logo__typing > span:not(.site-logo__typing-accent) {
  background-image: linear-gradient(
    180deg,
    var(--logo-text-in-header) 0%,
    var(--logo-text-in-header) clamp(0%, calc(var(--logo-edge-stop) - var(--logo-edge-band)), 100%),
    var(--logo-text-on-hero) clamp(0%, calc(var(--logo-edge-stop) + var(--logo-edge-band)), 100%),
    var(--logo-text-on-hero) 100%
  );
  background-repeat: no-repeat;
  background-size: 100% var(--logo-gradient-height, 1em);
  background-position: 0 calc(-1 * var(--logo-gradient-offset, 0px));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
}

html[data-theme="light"] .site-logo__typing .site-logo__typing-accent {
  color: var(--accent-fine);
  -webkit-text-fill-color: currentColor;
}

html[data-theme="light"] .site-logo__typing::after {
  color: transparent;
  background-image: linear-gradient(
    180deg,
    var(--logo-cursor-in-header) 0%,
    var(--logo-cursor-in-header) clamp(0%, calc(var(--logo-edge-stop) - var(--logo-edge-band)), 100%),
    var(--logo-cursor-on-hero) clamp(0%, calc(var(--logo-edge-stop) + var(--logo-edge-band)), 100%),
    var(--logo-cursor-on-hero) 100%
  );
  background-repeat: no-repeat;
  background-size: 100% var(--logo-gradient-height, 1em);
  background-position: 0 calc(-1 * var(--logo-cursor-gradient-offset, 0px));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

html[data-theme="light"] .site-mobile-nav__panel {
  --text-on-dark: #e5f0ff;
  --text-muted: rgba(148, 163, 184, 0.9);
}

html[data-theme="light"] .site-header-hang-layer .segment-clock {
  --segment-clock-on: var(--text-section-headline);
  --segment-clock-off: rgba(186, 198, 214, 0.52);
  --segment-clock-frame-bg: rgba(232, 240, 255, 0.62);
  --segment-clock-frame-border: rgba(37, 99, 235, 0.24);
}

html[data-theme="light"] .site-header-hang-layer .segment-clock__frame::before,
html[data-theme="light"] .site-header-hang-layer .header-hang-frame::before {
  background: var(--segment-clock-frame-bg);
  backdrop-filter: blur(14px) saturate(1.15) brightness(1.04);
  -webkit-backdrop-filter: blur(14px) saturate(1.15) brightness(1.04);
}

html[data-theme="light"] .segment-clock .dot-matrix__cell {
  fill: var(--segment-clock-off);
  opacity: var(--segment-clock-cell-off-opacity);
}

html[data-theme="light"] .segment-clock .dot-matrix__cell.is-on {
  fill: var(--segment-clock-on);
  opacity: var(--segment-clock-cell-on-opacity);
  filter: none;
}

html[data-theme="light"] .site-header::after {
  background: rgba(10, 24, 56, 0.48);
  backdrop-filter: blur(14px) saturate(1.12) brightness(0.48);
  -webkit-backdrop-filter: blur(14px) saturate(1.12) brightness(0.48);
}

html[data-theme="light"] .site-header-hang-layer .segment-clock__frame,
html[data-theme="light"] .site-header-hang-layer .header-hang-frame {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.65),
    0 6px 18px rgba(15, 23, 42, 0.1);
}

html[data-theme="light"] .site-header-hang-layer .segment-clock-mount {
  margin-top: -1px;
}

@media (max-width: 900px) {
  html[data-theme="light"] .site-header {
    background: rgba(10, 24, 56, 0.94);
  }
}

/* Footer */
html[data-theme="light"] .site-footer.code-surface::after {
  background: var(--footer-bg);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  filter: none;
}

html[data-theme="light"] .site-footer__copyright {
  color: var(--footer-link-muted);
}

html[data-theme="light"] .hero .code-surface__code-bg,
html[data-theme="light"] .site-footer .code-surface__code-bg {
  opacity: 0.72;
}

html[data-theme="light"] .site-footer .code-surface__code-bg span {
  color: color-mix(in srgb, var(--footer-link-muted) 88%, var(--azure-mid));
  text-shadow: 0 0 22px color-mix(in srgb, var(--azure-mid) 18%, transparent);
}

/* Kacheln und Sektions-Dekor */
html[data-theme="light"] .site-segments-backdrop__layer--map {
  opacity: 0.76;
  filter: brightness(1.02) saturate(0.88) contrast(1.04);
}

html[data-theme="light"] .section-tech-deco {
  opacity: 0.22;
  filter: saturate(0.7) contrast(1.02);
}

html[data-theme="light"] .arbeit-tile__icon {
  border-color: rgba(37, 99, 235, 0.22);
  box-shadow: 0 0 12px rgba(37, 99, 235, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

/* Konsolen und Formulare */
html[data-theme="light"] .console-titlebar {
  background: rgba(226, 236, 255, 0.95);
  border-bottom-color: rgba(37, 99, 235, 0.14);
}

html[data-theme="light"] .console-titlebar__path,
html[data-theme="light"] .terminal-console__body,
html[data-theme="light"] .contact-console__body {
  color: var(--text-on-dark);
}

html[data-theme="light"] .contact-form-control {
  background: #ffffff;
  border-color: rgba(37, 99, 235, 0.2);
  color: var(--text-on-dark);
}

html[data-theme="light"] .contact-console select.contact-form-control {
  color-scheme: light;
  color: #000000;
}

html[data-theme="light"] .contact-console .contact-form-control option {
  background: #ffffff;
  color: #000000;
}

html[data-theme="light"] .contact-form-control::placeholder {
  color: #94a3b8;
}

html[data-theme="light"] .contact-form-control:-webkit-autofill,
html[data-theme="light"] .contact-form-control:-webkit-autofill:hover,
html[data-theme="light"] .contact-form-control:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
  box-shadow: 0 0 0 1000px #ffffff inset;
  -webkit-text-fill-color: var(--text-on-dark);
}

html[data-theme="light"] .btn-ghost {
  color: var(--azure-mid);
  border-color: rgba(37, 99, 235, 0.35);
}

html[data-theme="light"] .btn-form-reset {
  color: var(--azure-mid);
  border-color: rgba(37, 99, 235, 0.35);
}

html[data-theme="light"] .hero__actions .btn-form-reset {
  background: rgba(255, 255, 255, 0.78);
  border-color: rgba(37, 99, 235, 0.42);
  color: var(--azure-deep);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 6px 20px rgba(15, 23, 42, 0.12);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

html[data-theme="light"] .hero__actions .btn-form-reset:hover,
html[data-theme="light"] .hero__actions .btn-form-reset:focus-visible {
  color: var(--azure-deep);
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(37, 99, 235, 0.55);
  box-shadow:
    inset 0 0 18px rgba(37, 99, 235, 0.08),
    0 0 0 1px rgba(37, 99, 235, 0.2),
    0 10px 26px rgba(15, 23, 42, 0.16);
}

html[data-theme="light"] .btn-cta-glow:hover:not(:disabled) {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.35),
    inset 0 -1px 0 rgba(0, 0, 0, 0.06),
    0 10px 26px rgba(15, 23, 42, 0.24),
    0 4px 14px rgba(15, 23, 42, 0.14);
}

html[data-theme="light"] .btn-ghost:hover,
html[data-theme="light"] .btn-ghost:focus-visible,
html[data-theme="light"] .btn-form-reset:hover,
html[data-theme="light"] .btn-form-reset:focus-visible {
  color: var(--azure-deep);
  background: rgba(37, 99, 235, 0.08);
  border-color: rgba(37, 99, 235, 0.45);
  box-shadow:
    0 10px 26px rgba(15, 23, 42, 0.2),
    0 4px 14px rgba(15, 23, 42, 0.12);
}

html[data-theme="light"] .code-surface__code-bg span {
  color: var(--code-surface-snippet);
  text-shadow: 0 0 28px var(--code-surface-snippet-glow);
}

html[data-theme="light"] .process-timeline__detail-panel {
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(37, 99, 235, 0.16);
}

html[data-theme="light"] .cta-module {
  background: rgba(255, 255, 255, 0.75);
}

html[data-theme="light"] .hero__title {
  color: var(--azure-deep);
}

html[data-theme="light"] .content-light .section-headline,
html[data-theme="light"] .cta-module__headline {
  color: var(--azure-deep);
  text-shadow: none;
}

/* Kontakt */
html[data-theme="light"] .contact-send-overlay__panel .console-titlebar {
  background: #e8f0ff;
}

html[data-theme="light"] .contact-send-terminal__line {
  color: var(--text-on-dark);
}

html[data-theme="light"] .contact-send-terminal__prompt {
  color: var(--azure-mid);
}

html[data-theme="light"] .contact-direct-lines__lbl,
html[data-theme="light"] .contact-direct-lines__ic {
  color: var(--text-muted);
}

html[data-theme="light"] .contact-direct-lines a:not(.contact-direct-lines__link--wa) {
  color: var(--azure-mid);
}

html[data-theme="light"] .content-light--kontakt .contact-console__body .contact-direct-lines a.contact-direct-lines__link--wa {
  color: var(--contact-wa-link) !important;
  -webkit-text-fill-color: var(--contact-wa-link);
}

html[data-theme="light"] .content-light--kontakt .contact-console__body .contact-direct-lines a.contact-direct-lines__link--wa:hover,
html[data-theme="light"] .content-light--kontakt .contact-console__body .contact-direct-lines a.contact-direct-lines__link--wa:focus-visible {
  color: var(--contact-wa-link-hover) !important;
  -webkit-text-fill-color: var(--contact-wa-link-hover);
  text-decoration: underline;
}

html[data-theme="light"] .content-light--kontakt .contact-console__body .contact-direct-lines a.contact-direct-lines__link--wa:focus-visible {
  outline-color: rgba(22, 163, 74, 0.45);
}

html[data-theme="light"] .contact-form-field label,
html[data-theme="light"] .contact-form-message {
  color: var(--text-on-dark);
}

html[data-theme="light"] .contact-form-message--error {
  color: #b91c1c;
}


/* Demo-Showroom */
html[data-theme="light"] .showroom-console__sidebar-head {
  background: var(--surface-console-sidebar);
  border-bottom-color: rgba(37, 99, 235, 0.18);
}

html[data-theme="light"] .showroom-console__sidebar-head.terminal-cmd {
  color: var(--text-section-sub-mono);
}

html[data-theme="light"] .showroom-console__sidebar-head .section-sub-accent {
  color: var(--accent-fine);
}

html[data-theme="light"] .showroom-console__row {
  color: var(--text-section-sub-mono);
  border-bottom-color: rgba(37, 99, 235, 0.14);
}

html[data-theme="light"] .showroom-console__row-tag {
  color: var(--text-section-sub-mono);
}

html[data-theme="light"] .showroom-console__row-label {
  color: var(--text-on-dark);
}

html[data-theme="light"] .showroom-console__row:hover {
  background: rgba(37, 99, 235, 0.08);
}

html[data-theme="light"] .showroom-console__row.is-active {
  color: var(--azure-deep);
  background: rgba(37, 99, 235, 0.14);
}

html[data-theme="light"] .showroom-console__row.is-active .showroom-console__row-tag {
  color: var(--azure-mid);
}

html[data-theme="light"] .showroom-console__row.is-active .showroom-console__row-label {
  color: var(--azure-deep);
}

/* Demo-iframe: Glare/Dim-Overlay (multiply) nur im Dark Mode — Light zeigt die Demo ungefiltert */
html[data-theme="light"] .showroom-console__viewport::after {
  content: none;
  display: none;
}

html[data-theme="light"] .showroom-console__frame-guard-hint {
  color: var(--azure-deep);
  border-color: rgba(37, 99, 235, 0.22);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.65),
    0 0.4rem 1.25rem rgba(15, 23, 42, 0.12);
}

html[data-theme="light"] .showroom-console__frame-fallback,
html[data-theme="light"] .showroom-console__embed-checking,
html[data-theme="light"] .showroom-console__embed-blocked,
html[data-theme="light"] .showroom-console__embed-unverified {
  background: radial-gradient(
      ellipse at 50% 0%,
      rgba(59, 130, 246, 0.12) 0%,
      transparent 55%
    ),
    var(--surface-console-stage);
}

html[data-theme="light"] .showroom-console__fallback-hint,
html[data-theme="light"] .showroom-console__embed-checking-text {
  color: var(--text-section-intro);
}

/* Projektablauf */
html[data-theme="light"] .process-timeline__n {
  color: var(--text-on-dark);
  text-shadow: none;
  transition: color 0.2s ease;
}

html[data-theme="light"] .process-timeline__step:hover .process-timeline__n {
  text-shadow: none;
}

html[data-theme="light"] .process-timeline__icon {
  color: var(--azure-mid);
  background: rgba(255, 255, 255, 0.94);
  border-color: rgba(37, 99, 235, 0.26);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 4px 14px rgba(15, 23, 42, 0.07),
    0 0 0 1px rgba(37, 99, 235, 0.05);
  transition:
    color 0.22s ease,
    border-color 0.22s ease,
    background 0.22s ease,
    box-shadow 0.28s ease,
    transform 0.22s ease;
}

html[data-theme="light"] .process-timeline__step:hover .process-timeline__icon {
  color: var(--azure);
  background: #ffffff;
  border-color: rgba(37, 99, 235, 0.48);
  box-shadow:
    0 10px 24px rgba(15, 23, 42, 0.14),
    0 4px 12px rgba(15, 23, 42, 0.08),
    0 0 0 1px rgba(37, 99, 235, 0.16);
  transform: translateY(-2px);
}

html[data-theme="light"] .process-timeline__icon svg {
  opacity: 0.9;
  filter: none;
}

html[data-theme="light"] .process-timeline__step:hover .process-timeline__icon svg {
  opacity: 1;
  filter: none;
}

html[data-theme="light"] .process-timeline.process-bar::before {
  background-image:
    linear-gradient(
      90deg,
      transparent 0%,
      transparent 35%,
      rgba(59, 130, 246, 0.75) 50%,
      transparent 65%,
      transparent 100%
    ),
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(37, 99, 235, 0.38) 8%,
      rgba(37, 99, 235, 0.38) 92%,
      transparent 100%
    );
  box-shadow:
    0 0 6px rgba(37, 99, 235, 0.22),
    0 0 14px rgba(37, 99, 235, 0.1);
}

html[data-theme="light"] .process-await-console,
html[data-theme="light"] .process-await-console__cmd {
  color: var(--text-muted);
}


html[data-theme="light"] .terminal-cmd:not(.showroom-console__sidebar-head) {
  color: var(--text-muted);
}

html[data-theme="light"] .process-timeline__label {
  color: var(--azure-deep);
  text-shadow: none;
}

html[data-theme="light"] .process-timeline__label-txt,
html[data-theme="light"] .process-timeline__label-cursor {
  color: inherit;
}

html[data-theme="light"] .process-timeline__step:hover .process-timeline__label {
  color: var(--azure);
  text-shadow: none;
}

html[data-theme="light"] .process-timeline__detail-tag {
  border-color: rgba(242, 193, 51, 0.4);
  background: rgba(242, 193, 51, 0.12);
  text-shadow: none;
}

html[data-theme="light"] .process-timeline__detail-text {
  color: var(--text-muted);
}

html[data-theme="light"] .process-timeline-hint {
  color: var(--text-section-sub-mono);
}

html[data-theme="light"] .contact-privacy-hint__text,
html[data-theme="light"] .contact-privacy-hint__body {
  color: var(--text-muted);
}

/* Akzente und Typografie */
html[data-theme="light"] :is(
    .arbeit-section,
    .showroom-section,
    .about-section,
    .process-section,
    .contact-section
  )
  .section-headline-sub
  .section-sub-accent {
  color: var(--accent-fine);
  text-shadow: none;
}

html[data-theme="light"] :is(.content-light, .hero, .cta-module) :where(
  .headline-bracket,
  .section-sub-accent,
  .hero__title .dot,
  .arbeit-tile__eyebrow,
  .process-timeline__label-br,
  .process-timeline__detail-tag,
  .process-timeline__step:hover .process-timeline__n,
  .contact-privacy-hint__lead,
  .mono-label:not(.mono-label--badge)
) {
  color: var(--accent-fine);
  text-shadow: none;
}

html[data-theme="light"] :is(
    .arbeit-section,
    .showroom-section,
    .about-section,
    .process-section,
    .contact-section,
    .hero,
    .cta-module
  )
  :where(
    .section-headline-sub,
    .arbeit-tile__eyebrow,
    .process-timeline__label,
    .mono-label:not(.mono-label--badge),
    .contact-privacy-hint__lead
  ) {
  font-weight: 600;
}

/* Weniger Transparenz (Systemeinstellung) */
@media (prefers-reduced-transparency: reduce) {
  html[data-theme="light"] .site-header-hang-layer .segment-clock__frame::before,
  html[data-theme="light"] .site-header-hang-layer .header-hang-frame::before {
    background: rgba(236, 242, 252, 0.94);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html[data-theme="light"] .site-header-hang-layer .segment-clock__frame::before,
  html[data-theme="light"] .site-header-hang-layer .header-hang-frame::before {
    background: rgba(236, 242, 252, 0.94);
  }
}

/* Admin */
html[data-theme="light"] body.admin-page-view,
html[data-theme="light"] body.admin-auth-page {
  color-scheme: light;
}

html[data-theme="light"] body.admin-page-view::before {
  background-image:
    linear-gradient(var(--bg-grid-line-on-light) 1px, transparent 1px),
    linear-gradient(90deg, var(--bg-grid-line-on-light) 1px, transparent 1px);
  -webkit-mask-image: var(--bg-vignette-mask-grid);
  mask-image: var(--bg-vignette-mask-grid);
}

html[data-theme="light"] body.admin-page-view,
html[data-theme="light"] body.admin-auth-page {
  scrollbar-color: rgba(100, 116, 139, 0.55) rgba(226, 236, 255, 0.85);
}

html[data-theme="light"] body.admin-page-view *::-webkit-scrollbar-thumb,
html[data-theme="light"] body.admin-auth-page *::-webkit-scrollbar-thumb {
  background: rgba(100, 116, 139, 0.5);
  border-color: rgba(226, 236, 255, 0.9);
}

html[data-theme="light"] body.admin-page-view *::-webkit-scrollbar-thumb:hover,
html[data-theme="light"] body.admin-auth-page *::-webkit-scrollbar-thumb:hover {
  background: rgba(71, 85, 105, 0.65);
  border-color: rgba(214, 226, 248, 0.95);
}

html[data-theme="light"] body.admin-page-view *::-webkit-scrollbar-track,
html[data-theme="light"] body.admin-auth-page *::-webkit-scrollbar-track,
html[data-theme="light"] body.admin-page-view *::-webkit-scrollbar-corner,
html[data-theme="light"] body.admin-auth-page *::-webkit-scrollbar-corner {
  background: rgba(226, 236, 255, 0.85);
}

html[data-theme="light"] body.admin-page-view .site-logo__typing--admin-static {
  color: var(--logo-text-in-header);
  text-shadow: none;
}

html[data-theme="light"] body.admin-page-view .site-logo__typing--admin-static > span:not(.site-logo__typing-accent) {
  background: none;
  background-image: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  color: var(--logo-text-in-header);
  -webkit-text-fill-color: currentColor;
}

html[data-theme="light"] body.admin-page-view .site-logo__typing--admin-static::after {
  display: none;
}

html[data-theme="light"] .admin-auth-logo__measure,
html[data-theme="light"] .admin-auth-logo .site-logo__typing.admin-auth-logo__typing {
  color: var(--azure-deep);
  text-shadow: none;
}

html[data-theme="light"] .admin-auth-logo .site-logo__typing-accent {
  color: var(--accent-fine);
  -webkit-text-fill-color: currentColor;
}

html[data-theme="light"] .admin-auth-theme-toggle .site-theme-toggle__title {
  color: var(--text-muted);
}

html[data-theme="light"] .admin-auth-theme-toggle .site-theme-toggle__mode-icon {
  color: var(--azure-mid);
}

html[data-theme="light"] .admin-section,
html[data-theme="light"] .admin-card {
  color: var(--text-on-dark);
}

html[data-theme="light"] .admin-section h2,
html[data-theme="light"] .admin-section h3,
html[data-theme="light"] .admin-card h2,
html[data-theme="light"] .admin-card h3 {
  color: var(--text-section-headline);
}

html[data-theme="light"] body.admin-page-view main label,
html[data-theme="light"] body.admin-auth-page main label,
html[data-theme="light"] body.admin-page-view .admin-card label,
html[data-theme="light"] body.admin-page-view .admin-section label,
html[data-theme="light"] body.admin-page-view .admin-portrait-main-form__field-label,
html[data-theme="light"] body.admin-page-view .admin-section .contact-console .contact-form-field label,
html[data-theme="light"] body.admin-page-view .admin-section .contact-console .admin-portrait-crop-section__title {
  color: var(--text-on-dark);
}

html[data-theme="light"] .content-light.admin-segment .contact-form-control,
html[data-theme="light"] .showroom-section.admin-segment .contact-form-control,
html[data-theme="light"] .admin-section input.contact-form-control,
html[data-theme="light"] .admin-section textarea.contact-form-control,
html[data-theme="light"] .admin-section select.contact-form-control {
  color: var(--text-on-dark);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

html[data-theme="light"] .content-light.admin-segment .contact-form-control::placeholder,
html[data-theme="light"] .showroom-section.admin-segment .contact-form-control::placeholder {
  color: #94a3b8;
}

html[data-theme="light"] .admin-form-hint,
html[data-theme="light"] .admin-kontakt-form__hint {
  color: var(--text-muted);
}

html[data-theme="light"] body.admin-page-view .admin-contact-field-head__toggle-label {
  color: var(--text-muted);
}

html[data-theme="light"] .admin-form-hint code,
html[data-theme="light"] .admin-kontakt-form__hint code {
  background: rgba(241, 246, 255, 0.95);
  border-color: rgba(37, 99, 235, 0.22);
  color: var(--azure-deep);
}

html[data-theme="light"] .admin-form-error {
  background: rgba(254, 226, 226, 0.85);
  border-color: rgba(220, 38, 38, 0.35);
  color: #991b1b;
}

html[data-theme="light"] .admin-form-success {
  background: rgba(209, 250, 229, 0.85);
  border-color: rgba(16, 185, 129, 0.35);
  color: #047857;
}

html[data-theme="light"] .admin-form-warning {
  background: rgba(255, 237, 213, 0.9);
  border-color: rgba(234, 88, 12, 0.35);
  color: #9a3412;
}

html[data-theme="light"] .admin-btn {
  color: var(--text-on-dark);
}

html[data-theme="light"] .admin-btn--muted:hover:not(:disabled),
html[data-theme="light"] .admin-btn--muted:focus-visible:not(:disabled) {
  color: var(--azure-deep);
}

html[data-theme="light"] .admin-btn--danger {
  background: rgba(254, 226, 226, 0.92);
  border-color: rgba(220, 38, 38, 0.45);
  color: #991b1b;
}

html[data-theme="light"] .admin-btn--danger:hover:not(:disabled),
html[data-theme="light"] .admin-btn--danger:focus-visible:not(:disabled) {
  background: rgba(254, 202, 202, 0.95);
  border-color: rgba(220, 38, 38, 0.55);
  color: #7f1d1d;
}

html[data-theme="light"] .admin-btn--cancel {
  background: rgba(254, 249, 195, 0.75);
  border-color: rgba(202, 138, 4, 0.45);
  color: #854d0e;
}

html[data-theme="light"] .admin-btn--cancel:hover:not(:disabled),
html[data-theme="light"] .admin-btn--cancel:focus-visible:not(:disabled) {
  background: rgba(253, 230, 138, 0.9);
  border-color: rgba(202, 138, 4, 0.55);
  color: #713f12;
}

html[data-theme="light"] body.admin-page-view .admin-btn--icon-only.admin-btn--move {
  color: var(--azure-mid);
}

html[data-theme="light"] body.admin-page-view .admin-btn--move:hover:not(:disabled),
html[data-theme="light"] body.admin-page-view .admin-btn--move:focus-visible:not(:disabled) {
  color: var(--azure);
}

html[data-theme="light"] body.admin-page-view .admin-icon-picker__item svg {
  opacity: 0.92;
  filter: none;
}

html[data-theme="light"] body.admin-page-view .admin-icon-picker__item:hover svg,
html[data-theme="light"] body.admin-page-view .admin-icon-picker__item:focus-visible svg,
html[data-theme="light"] body.admin-page-view .admin-icon-picker__item.is-active svg,
html[data-theme="light"] body.admin-page-view .admin-icon-picker__item[aria-pressed="true"] svg {
  opacity: 1;
  filter: none;
}

html[data-theme="light"] .admin-section + .admin-section {
  border-top-color: rgba(37, 99, 235, 0.18);
}

html[data-theme="light"] .admin-kachel-form.admin-kachel-form--dirty {
  border-color: rgba(202, 138, 4, 0.55);
  box-shadow:
    0 0 0 1px rgba(202, 138, 4, 0.28),
    0 8px 22px rgba(202, 138, 4, 0.12);
  background: rgba(254, 249, 195, 0.35);
}

html[data-theme="light"] .contact-console:has(.admin-kachel-form--dirty) {
  border-color: rgba(202, 138, 4, 0.55);
  box-shadow:
    0 0 0 1px rgba(202, 138, 4, 0.28),
    0 22px 52px rgba(15, 23, 42, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.65),
    0 8px 22px rgba(202, 138, 4, 0.12);
}

/* Portrait/Kontakt: Dirty nur am Console-Rand, kein innerer Form-Rahmen */
html[data-theme="light"] .contact-console .admin-kachel-form.admin-kachel-form--dirty {
  border-color: transparent;
  box-shadow: none;
  background: transparent;
}

html[data-theme="light"] .contact-console:has(.admin-kachel-form--dirty) .contact-console__body {
  background:
    linear-gradient(rgba(254, 249, 195, 0.45), rgba(254, 249, 195, 0.45)),
    var(--surface-console-inner);
}

html[data-theme="light"] .contact-console:has(.admin-kachel-form--dirty) .console-titlebar {
  background:
    linear-gradient(rgba(254, 249, 195, 0.55), rgba(254, 249, 195, 0.55)),
    rgba(226, 236, 255, 0.95);
  border-bottom-color: rgba(202, 138, 4, 0.4);
}

html[data-theme="light"] .admin-icon-picker {
  border-color: rgba(37, 99, 235, 0.2);
  background: var(--surface-kachel-panel);
}

html[data-theme="light"] body.admin-page-view .admin-icon-picker__preview {
  color: var(--azure);
  border-color: rgba(37, 99, 235, 0.22);
  background: var(--surface-kachel-icon);
  box-shadow:
    0 0 12px rgba(37, 99, 235, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

html[data-theme="light"] body.admin-page-view .admin-icon-picker__preview svg {
  display: block;
  opacity: 0.92;
  filter: none;
}

html[data-theme="light"] body.admin-page-view .admin-icon-picker--process .admin-icon-picker__preview {
  color: var(--azure-mid);
  background: rgba(255, 255, 255, 0.94);
  border-color: rgba(37, 99, 235, 0.26);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 4px 14px rgba(15, 23, 42, 0.07),
    0 0 0 1px rgba(37, 99, 235, 0.05);
}

html[data-theme="light"] .admin-icon-picker__label {
  color: var(--text-muted);
}

html[data-theme="light"] .admin-icon-picker__label > span {
  color: var(--text-on-dark);
}

html[data-theme="light"] .admin-icon-picker__summary {
  color: var(--azure-mid);
  border-color: rgba(37, 99, 235, 0.28);
  background: rgba(255, 255, 255, 0.72);
}

html[data-theme="light"] .admin-icon-picker__summary:hover,
html[data-theme="light"] .admin-icon-picker__summary:focus-visible {
  color: var(--azure-deep);
  background: rgba(37, 99, 235, 0.08);
  border-color: rgba(37, 99, 235, 0.4);
}

html[data-theme="light"] .admin-icon-picker__item {
  border-color: rgba(37, 99, 235, 0.16);
  background: rgba(255, 255, 255, 0.88);
  color: var(--azure-mid);
}

html[data-theme="light"] body.admin-page-view .admin-icon-picker__item:hover,
html[data-theme="light"] body.admin-page-view .admin-icon-picker__item:focus-visible,
html[data-theme="light"] body.admin-page-view .admin-icon-picker__item.is-active,
html[data-theme="light"] body.admin-page-view .admin-icon-picker__item[aria-pressed="true"] {
  border-color: rgba(37, 99, 235, 0.42);
  background: rgba(37, 99, 235, 0.1);
  color: var(--azure);
  box-shadow:
    0 0 0 1px rgba(37, 99, 235, 0.45) inset,
    0 0 14px rgba(37, 99, 235, 0.14);
}

html[data-theme="light"] .admin-confirm-modal__backdrop {
  background: rgba(15, 23, 42, 0.35);
}

html[data-theme="light"] .admin-confirm-modal__panel {
  border-color: rgba(37, 99, 235, 0.22);
  background: #ffffff;
  color: var(--text-on-dark);
  box-shadow: 0 22px 60px rgba(15, 23, 42, 0.18);
}

html[data-theme="light"] .admin-confirm-modal__panel p {
  color: var(--text-muted);
}

html[data-theme="light"] .admin-toast {
  border-color: rgba(37, 99, 235, 0.22);
  box-shadow: 0 14px 40px rgba(15, 23, 42, 0.14);
}

html[data-theme="light"] .admin-toast--success {
  background: rgba(209, 250, 229, 0.96);
  color: #047857;
}

html[data-theme="light"] .admin-toast--error {
  background: rgba(254, 226, 226, 0.96);
  color: #991b1b;
}

html[data-theme="light"] .admin-toast--warning {
  background: rgba(255, 237, 213, 0.96);
  color: #9a3412;
}

/* Portrait-Platzhalter (öffentliche Seite + Admin-Vorschau) */
html[data-theme="light"] .about-media__placeholder {
  background:
    radial-gradient(circle at 28% 24%, rgba(37, 99, 235, 0.16) 0%, rgba(37, 99, 235, 0) 48%),
    radial-gradient(circle at 72% 78%, rgba(242, 193, 51, 0.14) 0%, rgba(242, 193, 51, 0) 46%),
    linear-gradient(145deg, rgba(241, 246, 255, 0.98) 0%, rgba(226, 236, 255, 0.94) 100%);
}

html[data-theme="light"] .about-media__placeholder::before {
  border-color: rgba(37, 99, 235, 0.22);
  box-shadow:
    inset 0 0 20px rgba(37, 99, 235, 0.1),
    0 0 18px rgba(37, 99, 235, 0.1);
}

html[data-theme="light"] .about-media__placeholder-text {
  background: rgba(255, 255, 255, 0.92);
  color: var(--text-section-sub-mono);
  border-color: rgba(37, 99, 235, 0.24);
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
}

/* Rechtliche Seiten — durchgängig heller Seitenhintergrund, heller Header */
html[data-theme="light"] body.legal-page-view {
  color-scheme: light;
  color: var(--text-on-dark);
}

html[data-theme="light"] body.legal-page-view::before {
  background-image:
    linear-gradient(var(--bg-grid-line-on-light) 1px, transparent 1px),
    linear-gradient(90deg, var(--bg-grid-line-on-light) 1px, transparent 1px);
  -webkit-mask-image: var(--bg-vignette-mask-grid);
  mask-image: var(--bg-vignette-mask-grid);
}

html[data-theme="light"] body.legal-page-view {
  scrollbar-color: rgba(100, 116, 139, 0.55) rgba(226, 236, 255, 0.85);
}

html[data-theme="light"] body.legal-page-view .section-headline {
  color: var(--text-section-headline);
  text-shadow: none;
}

html[data-theme="light"] body.legal-page-view .section-headline .headline-bracket {
  color: var(--accent-fine);
  text-shadow: none;
}

html[data-theme="light"] body.legal-page-view .legal-section__updated {
  color: var(--text-section-sub-mono);
}

html[data-theme="light"] body.legal-page-view .legal-prose {
  color: var(--text-section-intro);
}

html[data-theme="light"] body.legal-page-view .legal-prose__heading {
  color: var(--accent-fine-deep);
}

html[data-theme="light"] body.legal-page-view .legal-prose a {
  color: var(--azure);
}

html[data-theme="light"] body.legal-page-view .legal-prose a:hover,
html[data-theme="light"] body.legal-page-view .legal-prose a:focus-visible {
  color: var(--accent-fine-deep);
}

html[data-theme="light"] body.legal-page-view .legal-prose__crosslink {
  color: var(--text-muted);
  border-top-color: rgba(37, 99, 235, 0.18);
}

html[data-theme="light"] body.legal-page-view .site-footer.code-surface {
  border-top-color: rgba(37, 99, 235, 0.14);
}

html[data-theme="light"] body.admin-page-view .content-light .section-headline,
html[data-theme="light"] body.admin-page-view .showroom-section .section-headline {
  color: var(--text-section-headline);
  text-shadow: none;
}

html[data-theme="light"] body.admin-page-view .arbeit-section .section-headline-sub,
html[data-theme="light"] body.admin-page-view .showroom-section .section-headline-sub,
html[data-theme="light"] body.admin-page-view .about-section .section-headline-sub,
html[data-theme="light"] body.admin-page-view .process-section .section-headline-sub,
html[data-theme="light"] body.admin-page-view .contact-section .section-headline-sub {
  color: var(--text-section-sub-mono);
  text-shadow: none;
  font-weight: 600;
}

html[data-theme="light"] body.admin-page-view .section-headline-sub .section-sub-accent {
  color: var(--accent-fine);
  text-shadow: none;
}

html[data-theme="light"] body.admin-page-view .content-light .section-headline .headline-bracket,
html[data-theme="light"] body.admin-page-view .showroom-section .section-headline .headline-bracket {
  color: var(--accent-fine);
  text-shadow: none;
}

html[data-theme="light"] .admin-label-row__prefix {
  color: var(--text-section-sub-mono);
  border-color: rgba(37, 99, 235, 0.2);
}

html[data-theme="light"] .admin-icon-catalog-form__title {
  color: var(--text-on-dark);
}

html[data-theme="light"] body.admin-page-view .admin-toggle__label {
  color: var(--text-section-sub-mono);
}

html[data-theme="light"] .admin-section .admin-icon-catalog-form .admin-toggle__title.admin-form-hint {
  color: var(--text-muted);
}

html[data-theme="light"] .admin-icon-catalog-form__panel .admin-form-hint.admin-icon-catalog-form__version--success {
  color: var(--contact-wa-link);
  -webkit-text-fill-color: var(--contact-wa-link);
}

/* Admin-Kachel-Schalter: nur OFF-Track im Light Mode heller (ON unverändert) */
html[data-theme="light"] body.admin-page-view .admin-toggle__switch:not([aria-checked="true"]) {
  border-color: rgba(37, 99, 235, 0.28);
  background: color-mix(in srgb, #d4e4fa 68%, #ffffff 32%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

html[data-theme="light"] body.admin-page-view .admin-toggle__switch:not([aria-checked="true"]):hover:not(:disabled),
html[data-theme="light"] body.admin-page-view .admin-toggle__switch:not([aria-checked="true"]):focus-visible:not(:disabled) {
  border-color: rgba(37, 99, 235, 0.42);
  background: color-mix(in srgb, #c5daf8 62%, #ffffff 38%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 0 10px rgba(37, 99, 235, 0.1);
}

html[data-theme="light"] .admin-new-kachel-tile__frame {
  color: var(--azure-mid);
}

html[data-theme="light"] .admin-new-kachel-tile__frame:hover,
html[data-theme="light"] .admin-new-kachel-tile__frame:focus-visible {
  color: var(--azure-deep);
}

html[data-theme="light"] .admin-portrait-main-form__file-choose {
  border-color: rgba(37, 99, 235, 0.28);
  background: var(--surface-kachel-muted);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

html[data-theme="light"] .admin-portrait-main-form__file-trigger {
  color: var(--azure-mid);
  border-color: rgba(37, 99, 235, 0.35);
  background: rgba(255, 255, 255, 0.88);
}

html[data-theme="light"] .admin-portrait-main-form__file-trigger:hover,
html[data-theme="light"] .admin-portrait-main-form__file-input-native:focus + .admin-portrait-main-form__file-trigger,
html[data-theme="light"] .admin-portrait-main-form__file-trigger:focus-visible {
  color: var(--azure-deep);
  background: rgba(37, 99, 235, 0.08);
  border-color: rgba(37, 99, 235, 0.45);
  box-shadow:
    0 10px 26px rgba(15, 23, 42, 0.12),
    0 4px 14px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .admin-portrait-main-form__file-name {
  color: var(--text-on-dark);
}

html[data-theme="light"] .admin-portrait-main-form__file-name--empty {
  color: var(--text-section-sub-mono);
}

html[data-theme="light"] .admin-portrait-main-form__file-name--empty .headline-bracket {
  color: var(--accent-fine);
}

html[data-theme="light"] .admin-portrait-crop__frame {
  border-color: rgba(37, 99, 235, 0.2);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.65),
    0 10px 28px rgba(15, 23, 42, 0.1);
}

html[data-theme="light"] .admin-portrait-crop__frame--empty:hover,
html[data-theme="light"] .admin-portrait-crop__frame--empty:active {
  border-color: rgba(37, 99, 235, 0.2);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.65),
    0 10px 28px rgba(15, 23, 42, 0.1);
}