:root {
  --teal-50:  #E8F4F2;
  --teal-100: #B2DFDB;
  --teal-200: #80CBC4;
  --teal-300: #4DB6AC;
  --teal-400: #26A69A;
  --teal-500: #009688;
  --teal-600: #00897B;
  --teal-700: #00796B;
  --teal-800: #00695C;
  --teal-900: #004D40;

  --bg:       #FFFFFF;
  --bg-soft:  #FBFCFC;

  --ink:         #1C1B1A;
  --ink-2:       #5E5C58;
  --ink-3:       #9C9994;
  --ink-on-teal: #00382E;
  --line:        #EAEEED;
  --line-mid:    #D5E2E0;
  --line-on-teal: rgba(0, 56, 46, 0.15);

  --font-body:    "Tajawal", "Helvetica Neue", sans-serif;
  --font-display: "Tajawal", "Helvetica Neue", sans-serif;

  --ease-out:    cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}