/* High-specificity palettes keep experimental styles independent of Light, Dusk and Dark. */
html[data-style-experiment="clouded"] {
  color-scheme: dark;
  --paper: #0d1517;
  --paper-deep: #172022;
  --paper-light: #202927;
  --ink: #efe5d5;
  --ink-soft: #b9afa0;
  --line: #4b5149;
  --mineral: #d19a55;
  --mineral-deep: #f2bd72;
  --night: #070c0e;
  --night-soft: #111718;
  --night-line: #39403c;
  --white-soft: #f5ead9;
  --shadow: 0 28px 90px rgba(0, 0, 0, 0.52);
  --sans: "Courier New", Courier, monospace;
  --serif: Georgia, "Times New Roman", serif;
}

html[data-style-experiment="graffiti"] {
  color-scheme: light;
  --paper: #f5eadb;
  --paper-deep: #08a9cf;
  --paper-light: #fff7ea;
  --ink: #090b12;
  --ink-soft: #30313b;
  --line: #090b12;
  --mineral: #e5166f;
  --mineral-deep: #ff6f16;
  --night: #090b12;
  --night-soft: #171824;
  --night-line: #35c6e8;
  --white-soft: #fff8e9;
  --shadow: 11px 11px 0 #090b12;
  --sans: Arial, Helvetica, sans-serif;
  --serif: Impact, Haettenschweiler, "Arial Black", sans-serif;
}

html[data-style-experiment="faceted"] {
  color-scheme: dark;
  --paper: #121a23;
  --paper-deep: #1c2733;
  --paper-light: #263442;
  --ink: #f0e7dc;
  --ink-soft: #b7bec5;
  --line: #516171;
  --mineral: #c77943;
  --mineral-deep: #e8a36b;
  --night: #091019;
  --night-soft: #131e29;
  --night-line: #3d4c5c;
  --white-soft: #f5eee5;
  --shadow: 0 22px 55px rgba(0, 0, 0, 0.38);
  --sans: "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --serif: "Arial Black", "Helvetica Neue", Arial, sans-serif;
}

html[data-style-experiment="cartoon"] {
  color-scheme: light;
  --paper: #f5ead9;
  --paper-deep: #e8d2b8;
  --paper-light: #fff8ea;
  --ink: #172437;
  --ink-soft: #46515e;
  --line: #172437;
  --mineral: #d16f3e;
  --mineral-deep: #a64d2b;
  --night: #172437;
  --night-soft: #26384e;
  --night-line: #8090a2;
  --white-soft: #fff8ea;
  --shadow: 8px 8px 0 #172437;
  --sans: "Trebuchet MS", Arial, sans-serif;
  --serif: "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif;
}