/* Saros v30.8.4 — seasonal colours, the version Sara approved (19 Oct, «season5»): خريفي، شتوي، صيفي، ربيعي from her palettes.
   Daytime: the full palette. Night (v30.9.4): black background, the season shades on the other things. Two looks: «هادي» and «بطاقات ملوّنة» (state.seasonStyle).
   Applied only while body[data-season] is set (seasons-v30.js sets it in daytime when a season is picked). */
body[data-palette="mono"][data-season="autumn"][data-theme="light"]{--s-dark:#22150c;--s-acc:#834a1f;--s-light:#d3cbc1;--s-c1:#834a1f;--s-c2:#a98c75;--s-c3:#5b4535;--s-c4:#816550;--s-c5:#432c1a;
 --bg:color-mix(in srgb,var(--s-c2) 55%,#d3cbc1);--surface:color-mix(in srgb,#d3cbc1 75%,#fff);--surface-2:#d3cbc1;--surface-3:color-mix(in srgb,#d3cbc1 60%,#fff);
 --border:color-mix(in srgb,#a98c75 80%,#fff);--text:#22150c;--muted:color-mix(in srgb,#22150c 72%,#a98c75);--muted-2:color-mix(in srgb,#22150c 55%,#a98c75);--button-bg:#834a1f;--button-text:#fff}
body[data-palette="mono"][data-season="winter"][data-theme="light"]{--s-dark:#27363f;--s-acc:#6b212c;--s-light:#dce0e8;--s-c1:#6b212c;--s-c2:#8ea1ae;--s-c3:#685652;--s-c4:#27363f;--s-c5:#8ea1ae;
 --bg:color-mix(in srgb,var(--s-c2) 55%,#dce0e8);--surface:color-mix(in srgb,#dce0e8 75%,#fff);--surface-2:#dce0e8;--surface-3:color-mix(in srgb,#dce0e8 60%,#fff);
 --border:color-mix(in srgb,#8ea1ae 80%,#fff);--text:#27363f;--muted:color-mix(in srgb,#27363f 72%,#8ea1ae);--muted-2:color-mix(in srgb,#27363f 55%,#8ea1ae);--button-bg:#6b212c;--button-text:#fff}
body[data-palette="mono"][data-season="summer"][data-theme="light"]{--s-dark:#3b2730;--s-acc:#933b5b;--s-light:#e3d6bf;--s-c1:#933b5b;--s-c2:#aabaae;--s-c3:#b5728a;--s-c4:#9f9679;--s-c5:#e3d6bf;
 --bg:color-mix(in srgb,var(--s-c2) 55%,#e3d6bf);--surface:color-mix(in srgb,#e3d6bf 75%,#fff);--surface-2:#e3d6bf;--surface-3:color-mix(in srgb,#e3d6bf 60%,#fff);
 --border:color-mix(in srgb,#aabaae 80%,#fff);--text:#3b2730;--muted:color-mix(in srgb,#3b2730 72%,#aabaae);--muted-2:color-mix(in srgb,#3b2730 55%,#aabaae);--button-bg:#933b5b;--button-text:#fff}
body[data-palette="mono"][data-season="spring"][data-theme="light"]{--s-dark:#0a3323;--s-acc:#105666;--s-light:#f7f4d5;--s-c1:#105666;--s-c2:#839958;--s-c3:#d3968c;--s-c4:#0a3323;--s-c5:#839958;
 --bg:color-mix(in srgb,var(--s-c2) 55%,#f7f4d5);--surface:color-mix(in srgb,#f7f4d5 75%,#fff);--surface-2:#f7f4d5;--surface-3:color-mix(in srgb,#f7f4d5 60%,#fff);
 --border:color-mix(in srgb,#839958 80%,#fff);--text:#0a3323;--muted:color-mix(in srgb,#0a3323 72%,#839958);--muted-2:color-mix(in srgb,#0a3323 55%,#839958);--button-bg:#105666;--button-text:#fff}

/* «هادي»: the page in the season's middle tone, cards one light tone, colour in the marks */
body[data-season] .sidebar{background:var(--surface)!important;border-color:var(--border)!important}
body[data-season] .sidebar .nav-button.active{background:var(--s-acc)!important;color:#fff!important;border-color:transparent!important;box-shadow:none}
body[data-season] .sidebar .nav-button.active svg{color:#fff}
body[data-season] .topbar{background:color-mix(in srgb,var(--bg) 70%,var(--surface))!important}
body[data-season] .primary-btn{background:var(--s-acc)!important;border-color:var(--s-acc)!important;color:#fff!important}
body[data-season] input[type=checkbox],body[data-season] input[type=radio]{accent-color:var(--s-acc)}
body[data-season] .w4-h.is-sel{background:var(--s-acc)!important}body[data-season] .w4-h.is-sel *{color:#fff!important}
body[data-season] .w4-w{border-inline-start-color:var(--s-c2)!important}
body[data-season] .health-water-fill{background:color-mix(in srgb,var(--s-c2) 70%,#fff)!important}
body[data-season] .v29-today-ring circle:nth-of-type(2),body[data-season] .health-ring circle:last-of-type{stroke:var(--s-acc)!important}
body[data-season] .v29-today-ring circle:nth-of-type(3){stroke:var(--s-c2)!important}body[data-season] .v29-today-ring circle:nth-of-type(4){stroke:var(--s-c3)!important}
body[data-season] .v29-legend i:nth-of-type(1),body[data-season] .v29-today li:nth-child(1) i{background:var(--s-acc)!important}
body[data-season] .v29-today li:nth-child(2) i{background:var(--s-c2)!important}body[data-season] .v29-today li:nth-child(3) i{background:var(--s-c3)!important}body[data-season] .v29-today li:nth-child(4) i{background:var(--s-c4)!important}
body[data-season] .health-chart polyline,body[data-season] .health-chart path{stroke:var(--s-acc)}
body[data-season] .sidebar .sidebar-mantra{background:color-mix(in srgb,var(--s-c2) 14%,var(--surface))!important}
/* «بطاقات ملوّنة»: every card takes its own colour from the palette */
body[data-season][data-season-style="blocks"] .v29-home-grid>[data-home-section]:not(.v29-home-vision):nth-child(4n+1),body[data-season][data-season-style="blocks"] .health-grid>.health-card:nth-child(4n+1){background:color-mix(in srgb,var(--s-c1) 45%,var(--surface))!important;border-color:color-mix(in srgb,var(--s-c1) 50%,var(--surface))!important}
body[data-season][data-season-style="blocks"] .v29-home-grid>[data-home-section]:nth-child(4n+2),body[data-season][data-season-style="blocks"] .health-grid>.health-card:nth-child(4n+2){background:color-mix(in srgb,var(--s-c2) 60%,var(--surface))!important;border-color:color-mix(in srgb,var(--s-c2) 62%,var(--surface))!important}
body[data-season][data-season-style="blocks"] .v29-home-grid>[data-home-section]:nth-child(4n+3),body[data-season][data-season-style="blocks"] .health-grid>.health-card:nth-child(4n+3){background:color-mix(in srgb,var(--s-c3) 48%,var(--surface))!important;border-color:color-mix(in srgb,var(--s-c3) 52%,var(--surface))!important}
body[data-season][data-season-style="blocks"] .v29-home-grid>[data-home-section]:nth-child(4n+4),body[data-season][data-season-style="blocks"] .health-grid>.health-card:nth-child(4n+4){background:color-mix(in srgb,var(--s-c4) 45%,var(--surface))!important;border-color:color-mix(in srgb,var(--s-c4) 50%,var(--surface))!important}


body[data-season] .sidebar{background:color-mix(in srgb,var(--s-dark) 88%,var(--s-acc))!important;border-color:transparent!important}
body[data-season] .sidebar,body[data-season] .sidebar .nav-button,body[data-season] .sidebar .brand-name,body[data-season] .sidebar .settings-nav{color:var(--s-light)!important}
body[data-season] .sidebar small,body[data-season] .sidebar .brand-sub,body[data-season] .sidebar-foot{color:color-mix(in srgb,var(--s-light) 70%,transparent)!important}
body[data-season] .sidebar .sidebar-mantra{background:color-mix(in srgb,var(--s-light) 12%,transparent)!important;border-color:color-mix(in srgb,var(--s-light) 22%,transparent)!important}body[data-season] .sidebar .sidebar-mantra *{color:var(--s-light)!important}
body[data-season] .sidebar .brand-symbol{color:var(--s-light)}
body[data-season] .card,body[data-season] .health-card,body[data-season] .v29-home-panel{border-color:var(--border)!important}
body[data-season] h1,body[data-season] .card h2{color:var(--s-dark)}
body[data-season] .v29-today-ring circle,body[data-season] .health-ring circle{stroke-width:inherit}

/* picker in «الإعدادات» › «المظهر» */
.ss-picks{display:flex;flex-wrap:wrap;gap:8px}
.ss-pick{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;font-size:12.5px;cursor:pointer}
.ss-pick[aria-pressed="true"]{border-color:var(--text);box-shadow:0 0 0 1px var(--text);font-weight:700}
.ss-sw{display:inline-flex;border-radius:7px;overflow:hidden;border:1px solid color-mix(in srgb,var(--text) 18%,transparent)}
.ss-sw i{width:9px;height:20px;display:block}

.ss-style{display:inline-flex;gap:4px;margin-top:10px}
.ss-note{display:block;margin-top:6px;color:var(--muted);font-size:12px}
/* the logo and the small «مساحاتي» label stay readable on the deep side bar */
body[data-season] .sidebar .v29-brand,body[data-season] .sidebar .v29-mark{color:var(--s-light)!important}
body[data-season] .sidebar .v29-mark svg circle[fill]:not([fill="none"]){fill:var(--s-light)}
body[data-season] .sidebar .nav-label,body[data-season] .sidebar .nav-group-label,body[data-season] .sidebar [class*="section-label"]{color:color-mix(in srgb,var(--s-light) 65%,transparent)!important}

/* ===== v30.9.4: seasons at night — the background stays plain black (Saros's night), the season's shades go on the other things ===== */
body[data-palette="mono"][data-season="autumn"][data-theme="dark"]{--s-dark:#22150c;--s-light:#d3cbc1;--s-acc:color-mix(in srgb,#834a1f 82%,#fff);--s-c1:color-mix(in srgb,#834a1f 80%,#fff);--s-c2:#a98c75;--s-c3:color-mix(in srgb,#5b4535 70%,#fff);--s-c4:color-mix(in srgb,#816550 85%,#fff);--s-c5:color-mix(in srgb,#432c1a 60%,#fff)}
body[data-palette="mono"][data-season="winter"][data-theme="dark"]{--s-dark:#27363f;--s-light:#dce0e8;--s-acc:color-mix(in srgb,#6b212c 72%,#fff);--s-c1:color-mix(in srgb,#6b212c 70%,#fff);--s-c2:#8ea1ae;--s-c3:color-mix(in srgb,#685652 80%,#fff);--s-c4:color-mix(in srgb,#27363f 55%,#fff);--s-c5:#8ea1ae}
body[data-palette="mono"][data-season="summer"][data-theme="dark"]{--s-dark:#3b2730;--s-light:#e3d6bf;--s-acc:color-mix(in srgb,#933b5b 85%,#fff);--s-c1:color-mix(in srgb,#933b5b 85%,#fff);--s-c2:#aabaae;--s-c3:#b5728a;--s-c4:#9f9679;--s-c5:#e3d6bf}
body[data-palette="mono"][data-season="spring"][data-theme="dark"]{--s-dark:#0a3323;--s-light:#f7f4d5;--s-acc:color-mix(in srgb,#105666 75%,#fff);--s-c1:color-mix(in srgb,#105666 75%,#fff);--s-c2:#839958;--s-c3:#d3968c;--s-c4:color-mix(in srgb,#0a3323 50%,#fff);--s-c5:#839958}
/* the daytime-only parts go back to Saros's night: black side bar, normal text and titles */
body[data-season][data-theme="dark"] .sidebar{background:var(--surface)!important;border-color:var(--border)!important}
body[data-season][data-theme="dark"] .sidebar,body[data-season][data-theme="dark"] .sidebar .nav-button,body[data-season][data-theme="dark"] .sidebar .brand-name,body[data-season][data-theme="dark"] .sidebar .settings-nav{color:var(--text)!important}
body[data-season][data-theme="dark"] .sidebar small,body[data-season][data-theme="dark"] .sidebar .brand-sub,body[data-season][data-theme="dark"] .sidebar-foot,body[data-season][data-theme="dark"] .sidebar .nav-label,body[data-season][data-theme="dark"] .sidebar .nav-group-label{color:var(--muted)!important}
body[data-season][data-theme="dark"] .sidebar .sidebar-mantra{background:color-mix(in srgb,var(--s-acc) 12%,var(--surface))!important;border-color:color-mix(in srgb,var(--s-acc) 30%,var(--border))!important}
body[data-season][data-theme="dark"] .sidebar .sidebar-mantra *{color:var(--text)!important}
body[data-season][data-theme="dark"] .sidebar .v29-brand,body[data-season][data-theme="dark"] .sidebar .v29-mark,body[data-season][data-theme="dark"] .sidebar .brand-symbol{color:var(--text)!important}
body[data-season][data-theme="dark"] .sidebar .v29-mark svg circle[fill]:not([fill="none"]){fill:var(--text)}
body[data-season][data-theme="dark"] .sidebar .nav-button.active{background:var(--s-acc)!important;color:#fff!important}
body[data-season][data-theme="dark"] h1,body[data-season][data-theme="dark"] .card h2{color:var(--text)}
body[data-season][data-theme="dark"] .topbar{background:color-mix(in srgb,var(--bg) 92%,transparent)!important}
body[data-season][data-theme="dark"] .primary-btn{background:var(--s-acc)!important;border-color:var(--s-acc)!important}
body[data-season][data-theme="dark"] .card,body[data-season][data-theme="dark"] .health-card,body[data-season][data-theme="dark"] .v29-home-panel{border-color:color-mix(in srgb,var(--s-acc) 45%,var(--border))!important;background-color:color-mix(in srgb,var(--s-acc) 9%,var(--surface))}
body[data-season][data-theme="dark"] .health-water-fill{background:color-mix(in srgb,var(--s-c2) 55%,#000)!important}
/* «بطاقات ملوّنة» at night: each card a dark shade of its colour */
body[data-season][data-theme="dark"][data-season-style="blocks"] .v29-home-grid>[data-home-section]:not(.v29-home-vision):nth-child(4n+1),body[data-season][data-theme="dark"][data-season-style="blocks"] .health-grid>.health-card:nth-child(4n+1){background:color-mix(in srgb,var(--s-c1) 40%,var(--surface))!important;border-color:color-mix(in srgb,var(--s-c1) 60%,var(--surface))!important}
body[data-season][data-theme="dark"][data-season-style="blocks"] .v29-home-grid>[data-home-section]:nth-child(4n+2),body[data-season][data-theme="dark"][data-season-style="blocks"] .health-grid>.health-card:nth-child(4n+2){background:color-mix(in srgb,var(--s-c2) 32%,var(--surface))!important;border-color:color-mix(in srgb,var(--s-c2) 55%,var(--surface))!important}
body[data-season][data-theme="dark"][data-season-style="blocks"] .v29-home-grid>[data-home-section]:nth-child(4n+3),body[data-season][data-theme="dark"][data-season-style="blocks"] .health-grid>.health-card:nth-child(4n+3){background:color-mix(in srgb,var(--s-c3) 36%,var(--surface))!important;border-color:color-mix(in srgb,var(--s-c3) 58%,var(--surface))!important}
body[data-season][data-theme="dark"][data-season-style="blocks"] .v29-home-grid>[data-home-section]:nth-child(4n+4),body[data-season][data-theme="dark"][data-season-style="blocks"] .health-grid>.health-card:nth-child(4n+4){background:color-mix(in srgb,var(--s-c4) 34%,var(--surface))!important;border-color:color-mix(in srgb,var(--s-c4) 56%,var(--surface))!important}
body[data-season][data-theme="dark"] .sidebar{border-inline-start:2px solid color-mix(in srgb,var(--s-acc) 55%,transparent)!important}
body[data-season][data-theme="dark"] .page-title{color:color-mix(in srgb,var(--s-acc) 35%,var(--text))}
body[data-season][data-theme="dark"] .chip-btn[aria-pressed="true"],body[data-season][data-theme="dark"] .v28-seg button[aria-pressed="true"]{background:color-mix(in srgb,var(--s-acc) 35%,var(--surface))!important;color:var(--text)!important}
