/* Skins: whole looks that swap colors and fonts. Preview any of them with ?skin=<name> on any page
   (adleighjimenez.com/?skin=gallery). To make one the site's look, set DEFAULT in skin.js. "night" is styles.css itself. */

:root[data-skin="gallery"] {          /* white walls, ultramarine */
  --wall: #f5f4f0; --ink: #161616; --muted: #6d6a64; --line: #e2dfd8; --frame: #ebe8e1; --accent: #23379a;
  --top-bg: rgba(245, 244, 240, .8); --grain: .035; color-scheme: light;
}
:root[data-skin="paper"] {            /* sketchbook paper, red chalk */
  --wall: #eee7d8; --ink: #2a2420; --muted: #7a6f63; --line: #d9cfbd; --frame: #e3dac8; --accent: #a8402c;
  --top-bg: rgba(238, 231, 216, .82); --grain: .09; color-scheme: light;
  --display: "DM Serif Display", Georgia, serif; --text: "DM Sans", "Helvetica Neue", Arial, sans-serif;
}
:root[data-skin="studio"] {           /* animation studio: ink blue, violet, a bold geometric face */
  --wall: #0c0f17; --ink: #eef0f7; --muted: #8b90a3; --line: #23283a; --frame: #161a26; --accent: #a98bff;
  --top-bg: rgba(12, 15, 23, .74); --grain: .05; color-scheme: dark;
  --display: "Syne", "Helvetica Neue", Arial, sans-serif; --text: "Manrope", "Helvetica Neue", Arial, sans-serif;
}
:root[data-skin="studio"] .intro .first, :root[data-skin="studio"] .section-title,
:root[data-skin="studio"] .bio h2, :root[data-skin="studio"] .piece .t { font-style: normal; font-weight: 800; letter-spacing: -.03em; }
:root[data-skin="crimson"] {          /* black and crimson, theatrical */
  --wall: #0b0708; --ink: #f6ebe8; --muted: #9a8a87; --line: #2b1d1f; --frame: #1a1112; --accent: #e0263f;
  --top-bg: rgba(11, 7, 8, .74); --grain: .07; color-scheme: dark;
  --display: "Playfair Display", Georgia, serif;
}
:root[data-skin="blush"] {            /* soft blush, charcoal, a quieter serif */
  --wall: #f6ece9; --ink: #2b2526; --muted: #7d7172; --line: #e6d7d3; --frame: #eedfdb; --accent: #b4536a;
  --top-bg: rgba(246, 236, 233, .82); --grain: .04; color-scheme: light;
  --display: "Cormorant Garamond", Georgia, serif; --text: "Karla", "Helvetica Neue", Arial, sans-serif;
}
:root[data-skin="gallery"] ::selection, :root[data-skin="paper"] ::selection, :root[data-skin="blush"] ::selection { color: #fff; }