:root[data-theme="summer"]{
  color-scheme:light dark;
  --text:rgba(255,255,255,.90);
  --text-strong:rgba(255,255,255,.98);
  --text-main:rgba(255,255,255,.90);
  --text-soft:rgba(255,255,255,.70);
  --glass:rgba(255,255,255,.16);
  --glass-strong:rgba(255,255,255,.23);
  --glass-line:rgba(255,255,255,.25);
  --shadow-card:0 22px 60px rgba(10,35,70,.22);
  --shadow-soft:0 12px 32px rgba(10,35,70,.16);
  --info:#ffb23f;
  --sky-top:#287fbd;
  --sky-mid:#3f9fdd;
  --sky-bottom:#8dcced;
  --app-safearea-bottom-background:var(--sky-bottom);
  --solar-x:50%;
  --solar-y:20%;
  --solar-opacity:.40;
  --celestial-glow:rgba(255,241,184,.36);
  --browser-theme-color:#287fbd;
  --theme-background-image:url("../../images/themes/summer/summer-day.webp");
  --theme-background-overlay:none;
  --theme-background-position:center center,center center,center top;
  --app-background:
    radial-gradient(circle at 22% 12%,rgba(255,225,151,.22),transparent 32%),
    radial-gradient(circle at 84% 20%,rgba(115,224,255,.16),transparent 34%),
    radial-gradient(ellipse at 48% 88%,rgba(255,255,255,.10),transparent 38%),
    linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 48%,var(--sky-bottom) 100%);
}

@supports (background-image:image-set(url("../../images/themes/summer/summer-day.webp") 1x)){
  :root[data-theme="summer"]{
    --theme-background-image:
      image-set(
        url("../../images/themes/summer/summer-day.webp") 1x,
        url("../../images/themes/summer/summer-day@2x.webp") 2x
      );
  }
}

:root[data-theme="summer"]::after{
  display:none;
}

:root[data-theme="summer"] body.app-page{
  min-height:calc(var(--app-canvas-height) + var(--safe-bottom));
}

:root[data-theme="summer"] body.app-page > .ambient-stage{
  position:absolute;
  inset:0;
  min-height:calc(100% + var(--safe-bottom) + 160px);
  height:auto;
  background-image:
    var(--theme-background-overlay),
    var(--theme-background-image),
    var(--app-background);
  background-repeat:no-repeat,no-repeat,no-repeat;
  background-position:center center,center center,center top;
  background-size:cover,cover,100% 100%;
}

:root[data-theme="summer"][data-daypart="dawn"]{
  --theme-background-image:url("../../images/themes/summer/summer-dawn.webp");
  --sky-top:#6f8fc6;
  --sky-mid:#f4b887;
  --sky-bottom:#d9b783;
  --celestial-glow:rgba(255,218,160,.42);
  --solar-opacity:.34;
  --browser-theme-color:#2c86c5;
}

:root[data-theme="summer"][data-daypart="day"]{
  --theme-background-image:url("../../images/themes/summer/summer-day.webp");
  --browser-theme-color:#287fbd;
}

:root[data-theme="summer"][data-daypart="sunset"]{
  --theme-background-image:url("../../images/themes/summer/summer-sunset.webp");
  --sky-top:#5a4158;
  --sky-mid:#d0733f;
  --sky-bottom:#d88a47;
  --celestial-glow:rgba(255,174,77,.46);
  --solar-opacity:.40;
  --browser-theme-color:#5a4158;
}

:root[data-theme="summer"][data-daypart="night"]{
  --theme-background-image:url("../../images/themes/summer/summer-night.webp");
  --celestial-glow:rgba(176,207,255,.24);
  --solar-opacity:.24;
  --browser-theme-color:#061225;
}

@supports (background-image:image-set(url("../../images/themes/summer/summer-dawn.webp") 1x)){
  :root[data-theme="summer"][data-daypart="dawn"]{
    --theme-background-image:
      image-set(
        url("../../images/themes/summer/summer-dawn.webp") 1x,
        url("../../images/themes/summer/summer-dawn@2x.webp") 2x
      );
  }

  :root[data-theme="summer"][data-daypart="day"]{
    --theme-background-image:
      image-set(
        url("../../images/themes/summer/summer-day.webp") 1x,
        url("../../images/themes/summer/summer-day@2x.webp") 2x
      );
  }

  :root[data-theme="summer"][data-daypart="sunset"]{
    --theme-background-image:
      image-set(
        url("../../images/themes/summer/summer-sunset.webp") 1x,
        url("../../images/themes/summer/summer-sunset@2x.webp") 2x
      );
  }

  :root[data-theme="summer"][data-daypart="night"]{
    --theme-background-image:
      image-set(
        url("../../images/themes/summer/summer-night.webp") 1x,
        url("../../images/themes/summer/summer-night@2x.webp") 2x
      );
  }
}

@media (prefers-color-scheme:dark){
  :root[data-theme="summer"]{
    --glass:rgba(18,28,46,.36);
    --glass-strong:rgba(24,36,58,.46);
    --glass-line:rgba(255,255,255,.16);
    --shadow-card:0 24px 70px rgba(0,0,0,.34);
    --shadow-soft:0 14px 36px rgba(0,0,0,.26);
  }
}