/*
 * Thème Winter préparé.
 * Summer reste le socle visuel.
 * Winter ne remplace que le décor de fond et garde sa neige discrète.
 */
:root[data-theme="winter"]{
  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:#2b7bb8;
  --sky-mid:#95c5e6;
  --sky-bottom:#e3f3ff;
  --app-safearea-bottom-background:var(--sky-bottom);
  --solar-opacity:.30;
  --celestial-glow:rgba(220,238,255,.42);
  --browser-theme-color:#2b7bb8;
  --theme-background-image:url("../../images/themes/winter/winter-day.webp");
  --theme-background-overlay:none;
  --theme-background-position:center center,center center,center top;
  --theme-background-size:cover,cover,100% 100%;
  --theme-stage-background-size:cover,cover,100% 100%;
  --app-background:linear-gradient(180deg,var(--sky-top),var(--sky-mid) 54%,var(--sky-bottom));
}

:root[data-theme="winter"]::after{display:none;}
:root[data-theme="winter"] body.app-page{min-height:calc(var(--app-canvas-height) + var(--safe-bottom));}
:root[data-theme="winter"] 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="winter"][data-daypart="dawn"]{--theme-background-image:url("../../images/themes/winter/winter-dawn.webp");--sky-top:#3b69a8;--sky-mid:#c1a0ce;--sky-bottom:#d7edf8;--browser-theme-color:#3b69a8;}
:root[data-theme="winter"][data-daypart="day"]{--theme-background-image:url("../../images/themes/winter/winter-day.webp");--browser-theme-color:#2b7bb8;}
:root[data-theme="winter"][data-daypart="sunset"]{--theme-background-image:url("../../images/themes/winter/winter-sunset.webp");--sky-top:#53618f;--sky-mid:#df8c54;--sky-bottom:#d7ddea;--browser-theme-color:#53618f;}
:root[data-theme="winter"][data-daypart="night"]{--theme-background-image:url("../../images/themes/winter/winter-night.webp");--sky-top:#06152f;--sky-mid:#102a50;--sky-bottom:#17345d;--browser-theme-color:#06152f;}

:root[data-theme="winter"] body.app-page::before,
:root[data-theme="winter"] body.index-page::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:1;
  pointer-events:none;
  opacity:.14;
  background-image:
    radial-gradient(circle,rgba(255,255,255,.95) 0 1px,transparent 1.5px),
    radial-gradient(circle,rgba(255,255,255,.78) 0 1px,transparent 1.5px);
  background-size:100px 140px,150px 210px;
  animation:winterSnow 40s linear infinite;
}

@keyframes winterSnow{
  from{background-position:0 -140px,50px -210px;}
  to{background-position:0 140px,50px 210px;}
}

@media (prefers-color-scheme:dark){
  :root[data-theme="winter"]{
    --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);
  }
}