/* Condition gradients — applied as the full background on today-card and
 * week-card, with a paired --tile-text to keep readable contrast. Values
 * follow the style-guide palette; dark mode deepens and desaturates. */

/* ── Light mode ── */
[data-condition="sunny"] {
  --tile-grad: linear-gradient(160deg, #FFE48A 0%, #FFB84D 40%, #4A9FE0 100%);
  --tile-text: #1A1A1A;
  --tile-dim:  #3F3F3F;
  --tile-chip-bg: rgba(255,255,255,0.32);
}
[data-condition="partly-cloudy"] {
  --tile-grad: linear-gradient(160deg, #E5EEF7 0%, #A8C2DE 55%, #6D90B8 100%);
  --tile-text: #1A1A1A;
  --tile-dim:  #3F3F3F;
  --tile-chip-bg: rgba(255,255,255,0.35);
}
[data-condition="cloudy"] {
  --tile-grad: linear-gradient(160deg, #EEF1F4 0%, #C6CED6 60%, #8F99A4 100%);
  --tile-text: #1A1A1A;
  --tile-dim:  #3F3F3F;
  --tile-chip-bg: rgba(255,255,255,0.40);
}
[data-condition="rain"] {
  --tile-grad: linear-gradient(160deg, #6A8FB5 0%, #3E6B99 50%, #1F4568 100%);
  --tile-text: #FFFFFF;
  --tile-dim:  rgba(255,255,255,0.82);
  --tile-chip-bg: rgba(255,255,255,0.14);
}
[data-condition="storm"] {
  --tile-grad: linear-gradient(160deg, #4F5780 0%, #2E2F54 55%, #131428 100%);
  --tile-text: #FFFFFF;
  --tile-dim:  rgba(255,255,255,0.80);
  --tile-chip-bg: rgba(255,255,255,0.14);
}
[data-condition="snow"] {
  --tile-grad: linear-gradient(160deg, #F8FBFE 0%, #DCE8F2 55%, #A8BED4 100%);
  --tile-text: #1A1A1A;
  --tile-dim:  #3F3F3F;
  --tile-chip-bg: rgba(255,255,255,0.55);
}
[data-condition="fog"] {
  --tile-grad: linear-gradient(160deg, #E8EAEC 0%, #C5C8CC 55%, #9CA0A5 100%);
  --tile-text: #1A1A1A;
  --tile-dim:  #3F3F3F;
  --tile-chip-bg: rgba(255,255,255,0.40);
}
[data-condition="clear-night"] {
  --tile-grad: linear-gradient(160deg, #2C3E66 0%, #12254A 50%, #050B1A 100%);
  --tile-text: #FFFFFF;
  --tile-dim:  rgba(255,255,255,0.78);
  --tile-chip-bg: rgba(255,255,255,0.12);
}
[data-condition="cloudy-night"] {
  --tile-grad: linear-gradient(160deg, #3A4A68 0%, #1E2B44 50%, #0C1524 100%);
  --tile-text: #FFFFFF;
  --tile-dim:  rgba(255,255,255,0.78);
  --tile-chip-bg: rgba(255,255,255,0.12);
}
[data-condition="unknown"] {
  --tile-grad: linear-gradient(160deg, #E8E4D8 0%, #C6BEAB 100%);
  --tile-text: #1A1A1A;
  --tile-dim:  #3F3F3F;
  --tile-chip-bg: rgba(255,255,255,0.35);
}

/* ── Dark mode — richer, darker, saturated but not muddy ── */
:root[data-theme="dark"] [data-condition="sunny"],
:root[data-theme="auto"][data-dark-os="true"] [data-condition="sunny"] {
  --tile-grad: linear-gradient(160deg, #8A5A1A 0%, #5B3D14 50%, #1A2E48 100%);
  --tile-text: #F8E8C4;
  --tile-dim:  rgba(248,232,196,0.78);
  --tile-chip-bg: rgba(255,255,255,0.10);
}
:root[data-theme="dark"] [data-condition="partly-cloudy"],
:root[data-theme="auto"][data-dark-os="true"] [data-condition="partly-cloudy"] {
  --tile-grad: linear-gradient(160deg, #2E3F56 0%, #18253A 55%, #0A1220 100%);
  --tile-text: #E8EEF7;
  --tile-dim:  rgba(232,238,247,0.78);
  --tile-chip-bg: rgba(255,255,255,0.08);
}
:root[data-theme="dark"] [data-condition="cloudy"],
:root[data-theme="auto"][data-dark-os="true"] [data-condition="cloudy"] {
  --tile-grad: linear-gradient(160deg, #3A3D42 0%, #23262A 60%, #101215 100%);
  --tile-text: #E6E8EB;
  --tile-dim:  rgba(230,232,235,0.78);
  --tile-chip-bg: rgba(255,255,255,0.08);
}
:root[data-theme="dark"] [data-condition="rain"],
:root[data-theme="auto"][data-dark-os="true"] [data-condition="rain"] {
  --tile-grad: linear-gradient(160deg, #2B4A70 0%, #15304F 55%, #06152A 100%);
  --tile-text: #F1F4F9;
  --tile-dim:  rgba(241,244,249,0.80);
  --tile-chip-bg: rgba(255,255,255,0.09);
}
:root[data-theme="dark"] [data-condition="storm"],
:root[data-theme="auto"][data-dark-os="true"] [data-condition="storm"] {
  --tile-grad: linear-gradient(160deg, #28294B 0%, #141529 55%, #050612 100%);
  --tile-text: #EDEEF8;
  --tile-dim:  rgba(237,238,248,0.80);
  --tile-chip-bg: rgba(255,255,255,0.08);
}
:root[data-theme="dark"] [data-condition="snow"],
:root[data-theme="auto"][data-dark-os="true"] [data-condition="snow"] {
  --tile-grad: linear-gradient(160deg, #4A5968 0%, #2B3441 55%, #141B24 100%);
  --tile-text: #F2F6FA;
  --tile-dim:  rgba(242,246,250,0.82);
  --tile-chip-bg: rgba(255,255,255,0.10);
}
:root[data-theme="dark"] [data-condition="fog"],
:root[data-theme="auto"][data-dark-os="true"] [data-condition="fog"] {
  --tile-grad: linear-gradient(160deg, #343638 0%, #1E1F22 55%, #0D0E10 100%);
  --tile-text: #E8E9EB;
  --tile-dim:  rgba(232,233,235,0.78);
  --tile-chip-bg: rgba(255,255,255,0.08);
}
:root[data-theme="dark"] [data-condition="clear-night"],
:root[data-theme="auto"][data-dark-os="true"] [data-condition="clear-night"] {
  --tile-grad: linear-gradient(160deg, #16264A 0%, #08132B 50%, #02050E 100%);
  --tile-text: #F0F3FA;
  --tile-dim:  rgba(240,243,250,0.80);
  --tile-chip-bg: rgba(255,255,255,0.08);
}
:root[data-theme="dark"] [data-condition="cloudy-night"],
:root[data-theme="auto"][data-dark-os="true"] [data-condition="cloudy-night"] {
  --tile-grad: linear-gradient(160deg, #202C42 0%, #101727 50%, #05080F 100%);
  --tile-text: #EEF0F7;
  --tile-dim:  rgba(238,240,247,0.80);
  --tile-chip-bg: rgba(255,255,255,0.08);
}
:root[data-theme="dark"] [data-condition="unknown"],
:root[data-theme="auto"][data-dark-os="true"] [data-condition="unknown"] {
  --tile-grad: linear-gradient(160deg, #2A2A26 0%, #161613 100%);
  --tile-text: #E8E4D8;
  --tile-dim:  rgba(232,228,216,0.78);
  --tile-chip-bg: rgba(255,255,255,0.08);
}