/* ── variables.css ── */

:root {
  --violet: #648DE5;
  --slate:  #4C4B63;
  --rose:   #D66BA0;
  --orange: #FC814A;
  --cream:  #ffffff;
  --ink:    #1C1B2E;
  --ink-mid:#3a3850;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  width: 100%;
}

body {
  background: #ffffff;
  font-family: 'Lato', sans-serif;
  color: var(--ink);
  display: flex;
  flex-direction: column;
  position: relative;
}