/* Theme parts: picture tones. [data-imagery] is the filter banners, covers and gallery pictures take
   (--image-filter). "tint" and "pastel" turn pictures toward the accent's hue (--accent-hue, in degrees).
   A part that differs on a dark theme has a second rule with [data-scheme="dark"]: every attribute is on the
   same element, so the two are written together. */

[data-imagery="natural"] { --image-filter: none; }
[data-imagery="tint"] { --image-filter: grayscale(1) sepia(1) hue-rotate(calc(var(--accent-hue) * 1deg - 38deg)) saturate(2.4) brightness(1); }
[data-scheme="dark"][data-imagery="tint"] {
	--image-filter: grayscale(1) sepia(1) hue-rotate(calc(var(--accent-hue) * 1deg - 38deg)) saturate(2.4) brightness(0.85);
}
[data-imagery="sepia"] { --image-filter: sepia(0.85) contrast(1.05) brightness(0.95); }
[data-imagery="mono"] { --image-filter: grayscale(1) contrast(1.1); }
[data-imagery="noir"] { --image-filter: grayscale(1) contrast(1.5) brightness(0.85); }
[data-imagery="pastel"] { --image-filter: grayscale(1) sepia(0.7) hue-rotate(calc(var(--accent-hue) * 1deg - 38deg)) saturate(1.8) brightness(1.18) contrast(0.85); }
[data-imagery="airy"] { --image-filter: saturate(0.8) contrast(0.9) brightness(1.12); }
[data-imagery="spotlit"] { --image-filter: saturate(1.6) contrast(1.18) brightness(1.02); }
[data-imagery="sunny"] { --image-filter: sepia(0.22) saturate(1.3) brightness(1.06); }
[data-imagery="ink"] { --image-filter: grayscale(1) contrast(1.6) brightness(1.08); }
[data-imagery="floodlit"] { --image-filter: saturate(1.25) contrast(1.15) brightness(1.05); }
[data-imagery="steel"] { --image-filter: grayscale(0.65) sepia(0.15) contrast(1.2) brightness(0.92); }
[data-imagery="vivid"] { --image-filter: saturate(1.45) contrast(1.05) hue-rotate(-8deg); }
[data-imagery="indigo"] { --image-filter: grayscale(1) sepia(1) hue-rotate(190deg) saturate(1.7) brightness(0.8); }
[data-imagery="print"] { --image-filter: sepia(0.2) saturate(1.9) contrast(1.2); }
[data-imagery="film"] { --image-filter: grayscale(1) sepia(0.35) contrast(1.35) brightness(1.05); }
[data-imagery="cel"] { --image-filter: saturate(2.1) contrast(1.15) hue-rotate(-14deg) brightness(1.08); }
[data-imagery="neon"] { --image-filter: saturate(1.8) contrast(1.15) brightness(0.9) hue-rotate(-25deg); }
[data-imagery="dusk"] { --image-filter: grayscale(1) sepia(1) hue-rotate(255deg) saturate(2.6) contrast(1.05); }
[data-imagery="warm"] { --image-filter: sepia(0.25) saturate(1.3) contrast(1.1) brightness(0.95); }
[data-imagery="hangar"] { --image-filter: saturate(1.15) contrast(1.12) brightness(1.05) hue-rotate(-6deg); }
[data-imagery="hotblooded"] { --image-filter: sepia(0.18) saturate(1.5) contrast(1.18) hue-rotate(-8deg); }