/* Sieve at matthewpreiser.com/sieve, in the app's own look: its teal, and the
   system face the app is set in, so there is no font to download. */
/* Only this page's theme lives here; the layout is /css/projects.css. */

:root {
  --page: #F6F8F7;
  --card: #FFFFFF;
  --ink: #17201E;
  --ink2: #4A5754;
  --muted: #6B7774;
  --rule: rgba(23, 32, 30, 0.10);
  --accent: #00736D;
  --wash: rgba(0, 160, 120, 0.09);
  --scrim: rgba(12, 18, 17, 0.9);
  --shadow: rgba(0, 48, 44, 0.30);
  --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: #0F1413; --card: #182120; --ink: #EDF2F0; --ink2: #B3BFBC; --muted: #85918E;
    --rule: rgba(237, 242, 240, 0.10); --accent: #4FDDB4; --wash: rgba(79, 221, 180, 0.12);
    --scrim: rgba(4, 7, 6, 0.92); --shadow: rgba(0, 0, 0, 0.6); --on-accent: #06201B; color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --page: #0F1413; --card: #182120; --ink: #EDF2F0; --ink2: #B3BFBC; --muted: #85918E;
    --rule: rgba(237, 242, 240, 0.10); --accent: #4FDDB4; --wash: rgba(79, 221, 180, 0.12);
    --scrim: rgba(4, 7, 6, 0.92); --shadow: rgba(0, 0, 0, 0.6); --on-accent: #06201B; color-scheme: dark;
}

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

/* The Mac window is pale and mostly white at full width, so it is shown at
   a reading size; the viewer opens it full size. */
.screens-mac { max-width: 460px; }