/* =========================================================
   YUKINON DAY BALANCE FIX
   Ver.1.0
   DAY only
   ========================================================= */


/* =========================================================
   1. STREAM
   DAYではセクション全体を明るくする
   ========================================================= */

html:not([data-theme="night"])
.stream-showcase,
html[data-theme="day"]
.stream-showcase{
  color:
    var(--ink) !important;

  background:
    radial-gradient(
      circle at 14% 18%,
      rgba(244,155,197,.16),
      transparent 30%
    ),
    radial-gradient(
      circle at 88% 74%,
      rgba(200,175,232,.18),
      transparent 31%
    ),
    linear-gradient(
      145deg,
      #fffdfd 0%,
      #fff7fb 48%,
      #f8f1fb 100%
    ) !important;
}


/* NIGHTっぽい星をDAYではごく薄く */

html:not([data-theme="night"])
.stream-showcase::before,
html[data-theme="day"]
.stream-showcase::before{
  opacity:.20 !important;

  background-image:
    radial-gradient(
      circle at 20% 23%,
      rgba(238,102,173,.35) 0 1px,
      transparent 1.6px
    ),
    radial-gradient(
      circle at 74% 16%,
      rgba(200,175,232,.35) 0 1px,
      transparent 1.6px
    ),
    radial-gradient(
      circle at 81% 61%,
      rgba(238,102,173,.24) 0 1px,
      transparent 1.6px
    ),
    radial-gradient(
      circle at 36% 82%,
      rgba(200,175,232,.24) 0 1px,
      transparent 1.6px
    ) !important;
}


html:not([data-theme="night"])
.stream-heading h2,
html[data-theme="day"]
.stream-heading h2{
  color:
    var(--ink) !important;
}


html:not([data-theme="night"])
.stream-heading > p,
html[data-theme="day"]
.stream-heading > p{
  color:
    var(--muted) !important;
}


html:not([data-theme="night"])
.stream-heading
.section-kicker.light,
html[data-theme="day"]
.stream-heading
.section-kicker.light{
  color:
    var(--pink-deep) !important;
}


/*
 * メイン画像はそのまま。
 * NEXT STREAMは元々白なのでそのまま維持。
 * 下部UPCOMING / ARCHIVEもDAY化。
 */

html:not([data-theme="night"])
.stream-upcoming,
html:not([data-theme="night"])
.stream-archives,
html[data-theme="day"]
.stream-upcoming,
html[data-theme="day"]
.stream-archives{
  color:
    var(--ink) !important;

  background:
    rgba(255,255,255,.82) !important;

  border:
    1px solid
    rgba(232,215,232,.95) !important;

  box-shadow:
    0 24px 60px
    rgba(83,55,92,.10) !important;
}


html:not([data-theme="night"])
.stream-block-heading h3,
html[data-theme="day"]
.stream-block-heading h3{
  color:
    var(--ink) !important;
}


html:not([data-theme="night"])
.stream-block-heading > div > span,
html[data-theme="day"]
.stream-block-heading > div > span{
  color:
    var(--pink-deep) !important;
}


html:not([data-theme="night"])
.stream-block-heading > p,
html[data-theme="day"]
.stream-block-heading > p{
  color:
    var(--muted) !important;
}


html:not([data-theme="night"])
.stream-block-heading > a,
html[data-theme="day"]
.stream-block-heading > a{
  color:
    var(--lav-deep) !important;
}


html:not([data-theme="night"])
.upcoming-item,
html[data-theme="day"]
.upcoming-item{
  color:
    var(--ink) !important;

  background:
    linear-gradient(
      145deg,
      #fff,
      #fff8fc
    ) !important;

  border:
    1px solid
    var(--line) !important;
}


html:not([data-theme="night"])
.upcoming-date,
html[data-theme="day"]
.upcoming-date{
  background:
    linear-gradient(
      145deg,
      #ffe4f0,
      #eee5fa
    ) !important;

  border:
    1px solid
    #ead9e9 !important;
}


html:not([data-theme="night"])
.upcoming-date small,
html[data-theme="day"]
.upcoming-date small{
  color:
    #a47fa5 !important;
}


html:not([data-theme="night"])
.upcoming-date strong,
html[data-theme="day"]
.upcoming-date strong{
  color:
    #514057 !important;
}


html:not([data-theme="night"])
.upcoming-item h4,
html[data-theme="day"]
.upcoming-item h4{
  color:
    var(--ink) !important;
}


html:not([data-theme="night"])
.upcoming-item p,
html[data-theme="day"]
.upcoming-item p{
  color:
    var(--muted) !important;
}


html:not([data-theme="night"])
.upcoming-tag,
html[data-theme="day"]
.upcoming-tag{
  color:
    var(--pink-deep) !important;
}


html:not([data-theme="night"])
.archive-card,
html[data-theme="day"]
.archive-card{
  color:
    var(--ink) !important;

  background:
    rgba(255,255,255,.94) !important;

  border:
    1px solid
    var(--line) !important;
}


html:not([data-theme="night"])
.archive-copy > span,
html[data-theme="day"]
.archive-copy > span{
  color:
    var(--pink-deep) !important;
}


html:not([data-theme="night"])
.archive-copy h4,
html[data-theme="day"]
.archive-copy h4{
  color:
    var(--ink) !important;
}


html:not([data-theme="night"])
.archive-copy p,
html[data-theme="day"]
.archive-copy p{
  color:
    var(--muted) !important;
}


/* =========================================================
   2. SCHEDULE NEXT STREAM
   DAY専用カード
   ========================================================= */

html:not([data-theme="night"])
.schedule-next-card,
html[data-theme="day"]
.schedule-next-card{
  color:
    var(--ink) !important;

  background:
    radial-gradient(
      circle at 100% 100%,
      rgba(244,155,197,.12),
      transparent 35%
    ),
    linear-gradient(
      145deg,
      #fffdfd 0%,
      #fff7fb 58%,
      #f5eef9 120%
    ) !important;

  border:
    1px solid
    rgba(225,205,222,.90) !important;

  box-shadow:
    0 24px 64px
    rgba(76,54,85,.10) !important;
}


html:not([data-theme="night"])
.schedule-next-card::before,
html[data-theme="day"]
.schedule-next-card::before{
  border-color:
    rgba(238,102,173,.13) !important;
}


html:not([data-theme="night"])
.schedule-next-card::after,
html[data-theme="day"]
.schedule-next-card::after{
  background:
    rgba(200,175,232,.09) !important;
}


html:not([data-theme="night"])
.schedule-next-ornament,
html[data-theme="day"]
.schedule-next-ornament{
  color:
    #b99bd0 !important;
}


html:not([data-theme="night"])
.schedule-next-date,
html[data-theme="day"]
.schedule-next-date{
  color:
    var(--pink-deep) !important;
}


html:not([data-theme="night"])
.schedule-next-card h3,
html[data-theme="day"]
.schedule-next-card h3{
  color:
    var(--ink) !important;
}


html:not([data-theme="night"])
.schedule-next-copy,
html[data-theme="day"]
.schedule-next-copy{
  color:
    var(--muted) !important;
}


html:not([data-theme="night"])
.schedule-next-meta div,
html[data-theme="day"]
.schedule-next-meta div{
  background:
    rgba(255,255,255,.72) !important;

  border:
    1px solid
    #eadde8 !important;
}


html:not([data-theme="night"])
.schedule-next-meta dt,
html[data-theme="day"]
.schedule-next-meta dt{
  color:
    #a08aa4 !important;
}


html:not([data-theme="night"])
.schedule-next-meta dd,
html[data-theme="day"]
.schedule-next-meta dd{
  color:
    var(--ink) !important;
}


html:not([data-theme="night"])
.schedule-next-button,
html[data-theme="day"]
.schedule-next-button{
  color:
    #765a7f !important;

  background:
    linear-gradient(
      115deg,
      #fff4fa,
      #f4ecfa
    ) !important;

  border:
    1px solid
    #e6d5e5 !important;
}


html:not([data-theme="night"])
.schedule-next-button:hover,
html[data-theme="day"]
.schedule-next-button:hover{
  background:
    linear-gradient(
      115deg,
      #ffeaf4,
      #eee3f8
    ) !important;
}


/* =========================================================
   3. LINK / YUKINON MESSAGE
   ========================================================= */

html:not([data-theme="night"])
.link-message-card,
html[data-theme="day"]
.link-message-card{
  color:
    var(--ink) !important;

  background:
    radial-gradient(
      circle at 100% 100%,
      rgba(200,175,232,.14),
      transparent 38%
    ),
    linear-gradient(
      145deg,
      #fffdfd,
      #fff6fb 58%,
      #f6effa
    ) !important;

  border:
    1px solid
    rgba(226,208,224,.94) !important;

  box-shadow:
    0 22px 60px
    rgba(78,55,86,.075) !important;
}


html:not([data-theme="night"])
.link-message-card::after,
html[data-theme="day"]
.link-message-card::after{
  border-color:
    rgba(200,175,232,.26) !important;
}


html:not([data-theme="night"])
.link-message-card > small,
html[data-theme="day"]
.link-message-card > small{
  color:
    #a17ea3 !important;
}


html:not([data-theme="night"])
.link-message-card p,
html[data-theme="day"]
.link-message-card p{
  color:
    #4a394f !important;
}


html:not([data-theme="night"])
.link-message-card p em,
html[data-theme="day"]
.link-message-card p em{
  color:
    var(--pink-deep) !important;
}


html:not([data-theme="night"])
.link-message-heart,
html[data-theme="day"]
.link-message-heart{
  color:
    #b995d2 !important;
}


html:not([data-theme="night"])
.link-signature,
html[data-theme="day"]
.link-signature{
  color:
    #d96aa7 !important;
}