/* MailMind design system — palette, type, hover states.
   Loaded site-wide from App.razor. */

:root {
  --mm-cream: #faf8f4;
  --mm-ink: #17150f;
  --mm-body: #4a443a;
  --mm-muted: #6b6459;
  --mm-faint: #8b8478;
  --mm-border: #e3ded3;
  --mm-border-strong: #d9d2c4;
  --mm-accent: #b4452e;
  --mm-surface: #f3efe6;
}

body {
  margin: 0;
  background: var(--mm-cream);
  color: var(--mm-ink);
  font-family: 'Archivo', sans-serif;
}
* { box-sizing: border-box; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: none; }

.mm-serif { font-family: 'Newsreader', serif; }
.mm-mono { font-family: 'JetBrains Mono', monospace; }

.mm-h1:hover { color:#b4452e !important }
.mm-h2:hover { background:#b4452e !important }
.mm-h3:hover { background:#17150f !important }
.mm-h4:hover { border-color:#17150f !important }
.mm-h5:hover { background:#faf8f4 !important; color:#17150f !important }
.mm-h6:hover { color:#faf8f4 !important }
.mm-row-hover:hover { background:#f7f4ec !important; }
.mm-input:focus { outline:none; border-color:#b4452e !important; }

@media (max-width: 720px) {
  .mm-pad { padding-left: 24px !important; padding-right: 24px !important; }
}