:root {
  --navy: #2b2950;
  --navy-2: #3a3768;
  --ink: #2b2950;
  --muted: #5f5d7d;
  --paper: #f6faef;
  --white: #ffffff;
  --mint: #bfe9e8;
  --lime: #8fd94e;
  --lime-2: #a7e35b;
  --green: #4cb81f;
  --green-2: #5fcb2c;
  --orange: #f2792f;
  --pink: #df5587;
  --yellow: #f8c630;
  --blue: #2c80b4;
  --purple: #5b67e0;
  --violet: #8f55e0;
  --teal: #2fb3a6;
  --cream: #fbecd3;
  --line: rgba(43, 41, 80, 0.12);
  --radius: 28px;
  --shadow-sm: 0 6px 18px -8px rgba(43, 41, 80, 0.25);
  --shadow: 0 24px 60px -24px rgba(43, 41, 80, 0.35);
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-back: cubic-bezier(0.34, 1.56, 0.64, 1);
  --header-h: 76px;
}