/* Send It site. Colors are the app's own design tokens, converted from
   the oklch values in the app repo's scripts/design-tokens.py. */
:root { color-scheme: light dark; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  max-width: 680px; margin: 0 auto; padding: 32px 20px 64px;
  line-height: 1.6; color: #212938; background: #F7F4ED;
}
h1, h2.serif {
  font-family: "Instrument Serif", Georgia, "Times New Roman", serif;
  font-weight: 400;
}
h1 { font-size: 2em; margin-bottom: 0.2em; }
h2 { font-size: 1.15em; margin-top: 1.8em; }
a { color: #3E66B3; }
nav { margin-bottom: 2em; font-size: 0.95em; }
nav img { width: 28px; height: 28px; border-radius: 7px; vertical-align: -8px; margin-right: 6px; }
.eyebrow {
  font-family: ui-monospace, "SF Mono", Menlo, monospace;
  font-size: 0.72em; letter-spacing: 0.13em; text-transform: uppercase;
  color: #6B727E; margin-bottom: 0.4em;
}
.card {
  background: #FFFDF9; border: 1px solid #E5E1D9; border-radius: 16px;
  padding: 16px 18px; margin: 1.5em 0;
}
.card a { font-weight: 600; }
.ridge { color: #DD7B2B; }
@media (prefers-color-scheme: dark) {
  body { color: #F1EEE9; background: #10141B; }
  a { color: #85ABF0; }
  .eyebrow { color: #989FAB; }
  .card { background: #1C2129; border-color: #2D333D; }
}