:root{
  --nw-bg:        #FDFDFD; /* near-white */
  --nw-navy:      #1B295D; /* deep text/contrast */
  --nw-blue:      #236AD3; /* primary blue */
  --nw-cyan:      #2796D6; /* bright teal-blue */
  --nw-sky:       #5D9BD2; /* softer sky blue */
  --nw-periw:     #5858DA; /* periwinkle */
  --nw-indigo:    #5C5AA4; /* muted indigo */
  --nw-lavender:  #9FA6D6; /* light lavender */
  --nw-purple:    #995FD7; /* accent purple */
  --nw-peach:     #E59D97; /* warm accent */
  --nw-gold:      #E8D294; /* warm highlight */
  --nw-gray:      #9C9BB1; /* neutral gray */
}

* {
  margin: 0;
  padding: 0;
}

body {
  background-color: #f4f4f4;
  font-family: Alata, sans-serif;
}

.wrapper {
  margin: 5rem;
}

h1 {
  color: var(--nw-navy);
  margin-bottom: 2rem;
}

p {
  font-size: 1.4rem;
  margin-bottom: 1rem;
}