/* Mix Library at matthewpreiser.com/mix-library, in the app's own look: Apple's
   system greys with the app's warm orange, the system face, and a true black
   dark mode. The orange is the same in light and dark in the app; on the
   page's light ground it is taken a step darker so small text stays legible. */
/* Only this page's theme lives here; the layout is /css/projects.css. */

:root {
  --page: #F2F2F7;
  --card: #FFFFFF;
  --ink: #000000;
  --ink2: rgba(60, 60, 67, 0.78);
  --muted: rgba(60, 60, 67, 0.6);
  --rule: rgba(60, 60, 67, 0.14);
  --accent: #C94A17;
  --wash: rgba(242, 98, 43, 0.12);
  --scrim: rgba(0, 0, 0, 0.88);
  --shadow: rgba(0, 0, 0, 0.22);
  --on-accent: #FFFFFF;
  --font-head: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-text: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --head-weight: 700;
  --cap-gap: 0.19;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --page: #000000; --card: #1C1C1E; --ink: #FFFFFF; --ink2: rgba(235, 235, 245, 0.78);
    --muted: rgba(235, 235, 245, 0.6); --rule: rgba(235, 235, 245, 0.16); --accent: #F2622B;
    --wash: rgba(242, 98, 43, 0.16); --scrim: rgba(0, 0, 0, 0.92); --shadow: rgba(0, 0, 0, 0.6); --on-accent: #1C0B04; color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --page: #000000; --card: #1C1C1E; --ink: #FFFFFF; --ink2: rgba(235, 235, 245, 0.78);
  --muted: rgba(235, 235, 245, 0.6); --rule: rgba(235, 235, 245, 0.16); --accent: #F2622B;
  --wash: rgba(242, 98, 43, 0.16); --scrim: rgba(0, 0, 0, 0.92); --shadow: rgba(0, 0, 0, 0.6); --on-accent: #1C0B04; color-scheme: dark;
}

.app-icon { filter: drop-shadow(0 6px 14px rgba(201, 74, 23, 0.28)); }