/* base: estilos compartilhados. */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;550;600;650;700;750&display=swap");

:root {
  --bg: #eeedf5;
  --surface: #fff;
  --ink: #232641;
  --muted: #747d9e;
  --line: #edf0f7;
  --accent: #a99ad9;
  --soft: #eee7fc;
  --blue: #dfedff;
  --blueink: #416bb1;
  --shadow: 0 8px 35px #43456604;
  --scale: 1;
  color-scheme: light;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  background: var(--bg);
  font:
    calc(14px * var(--scale))/1.55 Inter,
    system-ui,
    sans-serif;
  color: var(--ink);
}
h1,
h2,
h3,
p {
  margin: 0;
}
h1 {
  font-size: 34px;
  letter-spacing: -1.3px;
  line-height: 1.2;
  font-weight: 700;
}
h2 {
  font-size: 21px;
  letter-spacing: -0.5px;
}
h3 {
  font-size: 16px;
}
small,
.muted {
  color: var(--muted);
}
small {
  font-size: 12px;
}
.dark {
  --bg: #1c2030;
  --surface: #272c3e;
  --ink: #edf0fb;
  --muted: #abb5d0;
  --line: #3a4056;
  --soft: #3c3657;
  --blue: #303f58;
  --blueink: #bdd5fa;
  color-scheme: dark;
}
.dark .message .text {
  background: #34394d;
}
.dark input,
.dark select,
.dark textarea {
  border-color: #454b63;
}
.dark .btn {
  border-color: #484d64;
}
.contrast {
  --ink: #101322;
  --muted: #414860;
  --line: #b6bfd1;
}
.dark.contrast {
  --ink: #fff;
  --muted: #d6def1;
  --line: #78839f;
}
small {
  font-size: calc(12px * var(--scale));
}