/* Morrow typography refresh — Comfortaa + DM Sans */

:root{
  --font-body:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-display:"Comfortaa","DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

html,
body,
button,
input,
textarea,
select{
  font-family:var(--font-body);
}

body{
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Morrow's rounded personality */
h1,
h2,
h3,
.greeting h1,
.card h2,
.card h3,
.upload-card h2,
.review-title h2,
.sheet-top h2,
.settings-header h1,
.settings-section h2,
.form-card-head h3,
.btn,
.choose-file-label{
  font-family:var(--font-display);
  font-weight:700;
}

/* Comfortaa is naturally wider, so soften the old serif spacing values. */
.greeting h1,
.card h2,
.upload-card h2,
.review-title h2,
.sheet-top h2{
  letter-spacing:-.7px;
}

h3,
.card h3,
.form-card-head h3{
  letter-spacing:-.25px;
}

/* Small personality moments without sacrificing body readability. */
.section-title,
.label,
.field label,
.inbox-group-title,
.sheet-section h3,
.favorite-preview .category,
.detail-category strong{
  font-family:var(--font-display);
  font-weight:700;
  letter-spacing:.045em;
}

.btn,
.choose-file-label{
  letter-spacing:-.15px;
}

p,
.assistant,
.body,
.date,
.inbox-meta,
.sheet-fact strong,
.input,
textarea,
select,
.supported-files,
.upload-example{
  font-family:var(--font-body);
}