:root {
  /* --- easing + durations --- */
  --cubic-default: cubic-bezier(.625, .05, 0, 1);
  --duration-default:        .6s;
  --duration-default-half:   .3s;
  --duration-default-double: 1.2s;
  --animation-default: var(--duration-default) var(--cubic-default);

  /* --- colors as RGB triplets (so they can be used in rgba()) --- */
  --color-rgb-green:    0, 61, 56;
  --color-rgb-bg-light: 238, 243, 244;
}