/* SUNDUQ v304 — Stage 5.1: safe CSS-only visual polish.
   No JS, observers, service workers, or functional behavior changes. */

/* 1) Calm weather backgrounds: preserve theme colors, remove decorative stripes/rays. */
html.siteTheme-weather.siteWeather-sun,
body.siteTheme-weather.siteWeather-sun{
  background:
    radial-gradient(circle at 18% 14%, rgba(255,222,112,.20), transparent 28%),
    linear-gradient(135deg,#0b243a 0%,#15556f 52%,#8a5c1e 100%)!important;
}

html.siteTheme-weather.siteWeather-rain,
body.siteTheme-weather.siteWeather-rain{
  background:linear-gradient(135deg,#07111d 0%,#17314a 55%,#26394e 100%)!important;
}

html.siteTheme-weather.siteWeather-snow,
body.siteTheme-weather.siteWeather-snow{
  background:
    radial-gradient(circle at 78% 12%, rgba(224,242,254,.16), transparent 26%),
    linear-gradient(135deg,#10283b 0%,#28546d 55%,#6f8fa1 100%)!important;
}

html.siteTheme-weather.siteWeather-fog,
body.siteTheme-weather.siteWeather-fog,
html.siteTheme-weather.siteWeather-cloud,
body.siteTheme-weather.siteWeather-cloud{
  background:linear-gradient(135deg,#06111b 0%,#1b2734 55%,#3c4b5c 100%)!important;
}

/* 2) Better secondary-text contrast on the dark UI. */
:root{--su-muted:#b6c5d2}
.feedTopline p,
.sectionHead p,
.topicAuthor span,
.topicDate,
.emptyState,
.relatedItem small,
.nhMiniText small,
.nhVideoRow small,
.nhRailEmpty,
.nhSideLoading,
.nhMiniFooter,
.nhNewsSource,
.msg111DialogText small,
.msg111DialogMeta,
.msg111ChatHeader span,
.msg111Bubble time{
  color:#9fb4c4!important;
}

/* Keep the light theme's established contrast untouched. */
body.siteTheme-light{
  --su-muted:#64748b;
}
body.siteTheme-light .feedTopline p,
body.siteTheme-light .sectionHead p,
body.siteTheme-light .topicAuthor span,
body.siteTheme-light .topicDate,
body.siteTheme-light .emptyState,
body.siteTheme-light .relatedItem small{
  color:#64748b!important;
}

/* 3) One clear keyboard focus treatment across controls. */
:where(a,button,input,textarea,select,[role="button"]):focus-visible{
  outline:2px solid #5bb7ff!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 4px rgba(91,183,255,.16)!important;
}
