/* Generated by site/tools/build.py from ui/theme (Color.kt and the six palettes).
   Edit the app's palettes and rebuild; never this file. */

:root { --paper: #fbfbfc; --ink: #1b1d21; --glass: rgb(255 255 255 / 0.741); --glass-edge: rgb(255 255 255 / 0.922); --glass-shadow: rgb(23 28 41 / 0.129); --success: #2f9e44; --sheen-peak: 0.95; color-scheme: light; --accent: #8c6e4a; --sheen: #ede3d2; --deep: #4a3a28; --world: #fbfbfc; --world-ink: #1b1d21; }
[data-temperament="FORM"] { --accent: #ac4b41; --sheen: #f5d9d4; --deep: #6a2f28; --world: #f5d9d4; --world-ink: #4a1511; }
[data-temperament="FUNCTION"] { --accent: #4c6fa5; --sheen: #d7e2f6; --deep: #2e4266; --world: #d7e2f6; --world-ink: #13294a; }
[data-temperament="DOUBT"] { --accent: #7a5ea6; --sheen: #e5dcf2; --deep: #463263; --world: #e5dcf2; --world-ink: #342050; }
[data-temperament="BETWEEN"] { --accent: #4e7d59; --sheen: #d8eada; --deep: #2f4d36; --world: #d8eada; --world-ink: #173620; }
[data-temperament="WILL"] { --accent: #ae8a3b; --sheen: #f6e7c8; --deep: #665026; --world: #f6e7c8; --world-ink: #4a3606; }
[data-temperament="FELT"] { --accent: #41797f; --sheen: #d3e8ea; --deep: #2a4e53; --world: #d3e8ea; --world-ink: #0f363a; }

@media (prefers-color-scheme: dark) {
  :root:not([data-scheme="light"]) { --paper: #0f1114; --ink: #e9ecf0; --glass: rgb(255 255 255 / 0.102); --glass-edge: rgb(255 255 255 / 0.2); --glass-shadow: rgb(0 0 0 / 0.0); --success: #4ead60; --sheen-peak: 0.35; color-scheme: dark; --accent: #b08d5f; --sheen: #3e3524; --deep: #241d14; --world: #0f1114; --world-ink: #e9ecf0; }
  :root:not([data-scheme="light"])[data-temperament="FORM"], :root:not([data-scheme="light"]) [data-temperament="FORM"] { --accent: #b9665e; --sheen: #6a2f28; --deep: #3a1a16; --world: #6a2f28; --world-ink: #f5d9d4; }
  :root:not([data-scheme="light"])[data-temperament="FUNCTION"], :root:not([data-scheme="light"]) [data-temperament="FUNCTION"] { --accent: #6785b3; --sheen: #2e4266; --deep: #192438; --world: #2e4266; --world-ink: #d7e2f6; }
  :root:not([data-scheme="light"])[data-temperament="DOUBT"], :root:not([data-scheme="light"]) [data-temperament="DOUBT"] { --accent: #8e76b3; --sheen: #463263; --deep: #271c36; --world: #463263; --world-ink: #e5dcf2; }
  :root:not([data-scheme="light"])[data-temperament="BETWEEN"], :root:not([data-scheme="light"]) [data-temperament="BETWEEN"] { --accent: #699172; --sheen: #2f4d36; --deep: #1a2a1e; --world: #2f4d36; --world-ink: #d8eada; }
  :root:not([data-scheme="light"])[data-temperament="WILL"], :root:not([data-scheme="light"]) [data-temperament="WILL"] { --accent: #ba9c58; --sheen: #665026; --deep: #382c15; --world: #665026; --world-ink: #f6e7c8; }
  :root:not([data-scheme="light"])[data-temperament="FELT"], :root:not([data-scheme="light"]) [data-temperament="FELT"] { --accent: #5e8d92; --sheen: #2a4e53; --deep: #172b2e; --world: #2a4e53; --world-ink: #d3e8ea; }
}

:root[data-scheme="dark"] { --paper: #0f1114; --ink: #e9ecf0; --glass: rgb(255 255 255 / 0.102); --glass-edge: rgb(255 255 255 / 0.2); --glass-shadow: rgb(0 0 0 / 0.0); --success: #4ead60; --sheen-peak: 0.35; color-scheme: dark; --accent: #b08d5f; --sheen: #3e3524; --deep: #241d14; --world: #0f1114; --world-ink: #e9ecf0; }
:root[data-scheme="dark"][data-temperament="FORM"], :root[data-scheme="dark"] [data-temperament="FORM"] { --accent: #b9665e; --sheen: #6a2f28; --deep: #3a1a16; --world: #6a2f28; --world-ink: #f5d9d4; }
:root[data-scheme="dark"][data-temperament="FUNCTION"], :root[data-scheme="dark"] [data-temperament="FUNCTION"] { --accent: #6785b3; --sheen: #2e4266; --deep: #192438; --world: #2e4266; --world-ink: #d7e2f6; }
:root[data-scheme="dark"][data-temperament="DOUBT"], :root[data-scheme="dark"] [data-temperament="DOUBT"] { --accent: #8e76b3; --sheen: #463263; --deep: #271c36; --world: #463263; --world-ink: #e5dcf2; }
:root[data-scheme="dark"][data-temperament="BETWEEN"], :root[data-scheme="dark"] [data-temperament="BETWEEN"] { --accent: #699172; --sheen: #2f4d36; --deep: #1a2a1e; --world: #2f4d36; --world-ink: #d8eada; }
:root[data-scheme="dark"][data-temperament="WILL"], :root[data-scheme="dark"] [data-temperament="WILL"] { --accent: #ba9c58; --sheen: #665026; --deep: #382c15; --world: #665026; --world-ink: #f6e7c8; }
:root[data-scheme="dark"][data-temperament="FELT"], :root[data-scheme="dark"] [data-temperament="FELT"] { --accent: #5e8d92; --sheen: #2a4e53; --deep: #172b2e; --world: #2a4e53; --world-ink: #d3e8ea; }

/* The sheen: the seat's pale tone as light, peaking at --sheen-peak. */
.sheen {
  background-image:
    radial-gradient(ellipse 75.2vh 47.0vh at 50% 50%, color-mix(in srgb, var(--sheen) calc(var(--sheen-peak) * 97.5%), transparent) 0%, color-mix(in srgb, var(--sheen) calc(var(--sheen-peak) * 93.68%), transparent) 10%, color-mix(in srgb, var(--sheen) calc(var(--sheen-peak) * 83.08%), transparent) 20%, color-mix(in srgb, var(--sheen) calc(var(--sheen-peak) * 68.02%), transparent) 30%, color-mix(in srgb, var(--sheen) calc(var(--sheen-peak) * 51.41%), transparent) 40%, color-mix(in srgb, var(--sheen) calc(var(--sheen-peak) * 35.87%), transparent) 50%, color-mix(in srgb, var(--sheen) calc(var(--sheen-peak) * 23.1%), transparent) 60%, color-mix(in srgb, var(--sheen) calc(var(--sheen-peak) * 13.73%), transparent) 70%, color-mix(in srgb, var(--sheen) calc(var(--sheen-peak) * 7.54%), transparent) 80%, color-mix(in srgb, var(--sheen) calc(var(--sheen-peak) * 3.82%), transparent) 90%, color-mix(in srgb, var(--sheen) calc(var(--sheen-peak) * 0%), transparent) 100%),
    radial-gradient(ellipse 40.0vh 25.0vh at 32% 28%, color-mix(in srgb, var(--sheen) calc(var(--sheen-peak) * 56.6%), transparent) 0%, color-mix(in srgb, var(--sheen) calc(var(--sheen-peak) * 54.38%), transparent) 10%, color-mix(in srgb, var(--sheen) calc(var(--sheen-peak) * 48.23%), transparent) 20%, color-mix(in srgb, var(--sheen) calc(var(--sheen-peak) * 39.49%), transparent) 30%, color-mix(in srgb, var(--sheen) calc(var(--sheen-peak) * 29.84%), transparent) 40%, color-mix(in srgb, var(--sheen) calc(var(--sheen-peak) * 20.82%), transparent) 50%, color-mix(in srgb, var(--sheen) calc(var(--sheen-peak) * 13.41%), transparent) 60%, color-mix(in srgb, var(--sheen) calc(var(--sheen-peak) * 7.97%), transparent) 70%, color-mix(in srgb, var(--sheen) calc(var(--sheen-peak) * 4.38%), transparent) 80%, color-mix(in srgb, var(--sheen) calc(var(--sheen-peak) * 2.22%), transparent) 90%, color-mix(in srgb, var(--sheen) calc(var(--sheen-peak) * 0%), transparent) 100%),
    radial-gradient(ellipse 40.0vh 25.0vh at 70% 72%, color-mix(in srgb, var(--sheen) calc(var(--sheen-peak) * 49.2%), transparent) 0%, color-mix(in srgb, var(--sheen) calc(var(--sheen-peak) * 47.27%), transparent) 10%, color-mix(in srgb, var(--sheen) calc(var(--sheen-peak) * 41.93%), transparent) 20%, color-mix(in srgb, var(--sheen) calc(var(--sheen-peak) * 34.33%), transparent) 30%, color-mix(in srgb, var(--sheen) calc(var(--sheen-peak) * 25.94%), transparent) 40%, color-mix(in srgb, var(--sheen) calc(var(--sheen-peak) * 18.1%), transparent) 50%, color-mix(in srgb, var(--sheen) calc(var(--sheen-peak) * 11.66%), transparent) 60%, color-mix(in srgb, var(--sheen) calc(var(--sheen-peak) * 6.93%), transparent) 70%, color-mix(in srgb, var(--sheen) calc(var(--sheen-peak) * 3.8%), transparent) 80%, color-mix(in srgb, var(--sheen) calc(var(--sheen-peak) * 1.93%), transparent) 90%, color-mix(in srgb, var(--sheen) calc(var(--sheen-peak) * 0%), transparent) 100%);
}