:root {
  --purple: #994df1;
  --pink: #e86984;
  --yellow: #f0c74a;
  --ear-pink: #e97ea3;
  --navy: #1b1b5b;
  --cyan: #4bd8ff;
  --mint: #74f4bd;
  --white: #fff7ff;
  --ink: #18113e;
  --shadow: rgba(27, 27, 91, 0.28);
  --header-h: 76px;
  --dock-h: 112px;
  font-family: "Trebuchet MS", "Arial Rounded MT Bold", Arial, sans-serif;
  color: var(--ink);
}

body {
  overflow-x: hidden;
  background:
    radial-gradient(circle at 20% 8%, rgba(240, 199, 74, 0.34), transparent 23rem),
    linear-gradient(180deg, #8fe7ff 0%, #fff2fb 48%, #c8f6ff 100%);
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

::selection {
  background: var(--yellow);
  color: var(--navy);
}